Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hinzufügen von Audiogeschichten zu Bildern in WordPress

Möchten Sie Ihren Bildern in WordPress Audiogeschichten hinzufügen? Sie können damit Ihren Fotos Erzählungen hinzufügen oder einfach webbasierte audiovisuelle Geschichtenbücher erstellen. In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach Audiogeschichten zu Bildern in WordPress hinzufügen können.

How to add audio stories to images in WordPress

Als erstes müssen Sie das Audio Story Images Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie Media “ Add New besuchen und Ihr Bild und die Audiodatei, die Sie dem Bild hinzufügen möchten, hochladen.

Upload your audio and image files in WordPress

Nachdem Sie beide Dateien hochgeladen haben, müssen Sie die Seite Medien “ Bibliothek aufrufen. Klicken Sie dann auf das Symbol für die Listenansicht, um Ihre Mediendateien in einer Liste anzuzeigen.

Sie werden nun eine neue Spalte mit der Bezeichnung „Audio Story“ sehen. Klicken Sie auf den Link „Anhängen“ neben dem Bild, das Sie gerade hochgeladen haben.

Link image to the audio file

Daraufhin öffnet sich ein Popup-Fenster, in dem Sie die Audiodatei auswählen müssen, die Sie an das Bild anhängen möchten.

Select your audio file

Klicken Sie auf die Schaltfläche „Auswählen“, um fortzufahren.

Das Plugin wird nun Ihr Bild und Ihre Audiodatei miteinander verknüpfen.

Audio and image files linked together

Da Ihr Bild nun mit der Audiodatei verknüpft ist, können Sie es zu jedem WordPress-Beitrag oder jeder Seite hinzufügen.

Bearbeiten Sie einfach einen Beitrag oder eine Seite, zu der Sie das Bild hinzufügen möchten, und klicken Sie auf die Schaltfläche „Medien hinzufügen“.

Add image in a WordPress post or page

Daraufhin wird das Popup-Fenster für den Medien-Uploader angezeigt.

Sie müssen die soeben hochgeladene Bilddatei auswählen und in Ihren Beitrag einfügen.

Select your image from media library

Wenn Sie zufrieden sind, können Sie Ihre Änderungen entweder speichern oder veröffentlichen.

Klicken Sie anschließend auf die Schaltfläche „Vorschau“, um Ihr Audio-Story-Bild in Aktion zu sehen.

Audio story image in WordPress

Das Plugin fügt ein kleines Lautstärkesymbol in der oberen linken Ecke Ihres Bildes hinzu. Wenn Sie auf das Symbol klicken, wird die mit dem Bild verknüpfte Audiodatei abgespielt.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man Bilder in WordPress mit Audio-Stories versieht. Vielleicht interessiert Sie auch unser Leitfaden, wie Sie lizenzfreie Bilder für Ihre WordPress-Blogbeiträge finden

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

12 KommentareEine Antwort hinterlassen

  1. Daniel

    Are there any ways to customize the play button?

    • WPBeginner Support

      You would want to reach out to the plugin’s support for what customization options are available.

      Admin

  2. Penelope

    Hey there, I have installed everything as you say but when I click on the image it does not play the audio. I did create the page with Elementor – would that affect it?

  3. Umeh Chidera

    Please how do I make my site’s logo to be appearing anytime one downloads my music and and plays it. So The image will be appearing in boomplay, how do I do that please?

  4. indra

    When the image background is white or any other light color..that volume icon is not visible..
    also if its possible to get different sound for the same image at different places ,then it would be great..!

  5. Trelandon

    I always enjoy your reads on WP.

  6. George

    It would have been nice to see an example of this being done in the article so we could gauge the UX.

    Thanks for the explanation but a live example would have helped.

    • WPBeginner Support

      Hi George,

      If you visit the plugin’s page on WordPress.org directory you will find a link to more information with a live demo.

      Admin

  7. Awontis

    As always, wpbeginner has all the answers about WordPress.

  8. Marius Haga Skaar

    Hello. I was wondering if I could get some help. Recently I’ve moved my website from blogger to WordPress. But my problem is Google. I’ve deleted my blogger blogs, but Google seach console still shows my old website or blog. Like Google hasn’t indexed my site, but it has taken many days or even weeks. I was then wondering if there’s a fix to this, so Google would show my newest site in example in the data structure (text marketing or what the name was). Ether way, thanks :) from Marius HS (15 years old from Norway).

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.