it outsourcing, complete it outsourcing - precise business solutions, atrk
View Categories

How to Place Audio Stories with Images in WordPress

2 min read

The Internet provides a wide range of ways to share content. While some are vested in podcasts, others promote YouTube videos. But what if you want to do an audio story on your website? Thanks to WordPress, adding images with narration has potential to be as engaging as a published audio file in iTunes.

You can use audio stories to promote products, share company information or simply create an “audio book” of sorts directly from your website. It’s an easy and quick way to market or share content outside of text-based material.

In this tutorial, I’m going to show you how to add audio stories with images in WordPress. It’s a simple way to create an engaging piece of content without requiring sophisticated software or knowledge to create a video.

Adding Audio Stories to WordPress #

In this tutorial, I’m going to demonstrate the Audio Story Images plugin. This is still in early development and hasn’t been updated in quite some time. However, I did verify it to work with WordPress version 4.8.

Install and activate the “Audio Story Images” plugin.

the internet provides a wide range of ways to share content, audiostoryimagesplugin

Go to the Media section and click, “Add New.”

the internet provides a wide range of ways to share content, addnewmedia

Upload your audio and image files to your media folder. If you need to convert WMA files to MP3, you can use the free Convertio.co tool.

the internet provides a wide range of ways to share content, uploadmedia

Click the “Library” link to access your media files.

the internet provides a wide range of ways to share content, medialibrary

It’s easier if you view your media files as a list. This will show the options you’ll need to connect the audio file with the image. Click the control in the media library to activate the list view.

the internet provides a wide range of ways to share content, listview

There will be a column in the library labeled, “Audio Story.” This will be located in the far right. Click the “Attach” link of the image you want to use in your audio story.

the internet provides a wide range of ways to share content, clickattachimage

A new window will appear displaying a list of any audio files WordPress detects. Click the radio button next to the file you want to attach and click “Select.”

the internet provides a wide range of ways to share content, clickselect

Once these two files are linked, the audio file will play whenever the image is used in a post or page.

For this tutorial, let’s add the audio story to a page. I’m going to use the “About Me” page as this audio story is going to be used to tell visitors more about myself. Of course, this is usable in virtually any way you want.

Go to the Pages area and click on your “About” page if you have one. If you don’t, you can always create a page and add the audio story.

the internet provides a wide range of ways to share content, aboutgmepage

Position the cursor in the editor where you want the audio story. Click the “Add Media” button above the editor.

the internet provides a wide range of ways to share content, addmedia

Select the image you connected with the audio file.

the internet provides a wide range of ways to share content, insertmedia

Click the “Insert into page” button on the bottom right.

the internet provides a wide range of ways to share content, insertintopage

Click the “Update” or “Publish” button on the right of the editor.

the internet provides a wide range of ways to share content, updatepage

Now, the image is linked to the audio file in the page. The audio is played when someone clicks the volume icon in the top left.

the internet provides a wide range of ways to share content, volumeicon

The plugin itself works relatively well. However, it would be more useful if the audio file had options for auto play or a more pronounced method for users to click to play. As it is, it’s a simple way to include audio stories with images in WordPress.

This is along the lines of embedding YouTube videos within your content, only that it may require less work and editing expertise.

Adding More Interaction #

Images with narration on the website is but one method to include more interaction of you content. This is ideal as user are often more drawn to content they can interact with. As a result, the user feels as though he or she has more control.

What kinds of things do you offer to your visitors in way of interaction? Do you connect things like podcasts and YouTube videos to your content?

Powered by BetterDocs

Skip to content