{"id":1617,"date":"2017-04-08T13:20:15","date_gmt":"2017-04-08T21:20:15","guid":{"rendered":"https:\/\/smarttofinish.com\/Blog\/?p=1535"},"modified":"2017-09-30T15:02:33","modified_gmt":"2017-09-30T15:02:33","slug":"how-to-add-audio-to-your-wordpress-images","status":"publish","type":"post","link":"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/","title":{"rendered":"How to Add Audio to Your WordPress Images"},"content":{"rendered":"

Did you know that you could add audio to your WordPress images? We had no idea until we stumbled upon this little gem of an article<\/a> the other day talking about adding audio to images… Say what?! This feature gives users the option to play short audio clips on selected images while browsing your site. Cool huh?<\/p>\n

Think of the possibilities! You could add short stories giving background information about the image, showcase a product or service, simply add music, create a how-to clip about a specific step in a procedure, really…we could go on all day.<\/p>\n

So I’ll just start with how to get started…<\/p>\n

How to Add Audio to Images Using WordPress Editor<\/h3>\n

If you use WordPress Editor, all you need to do is install and activate Audio Story Images<\/a>. Once the plugin is activated, all you need to do is:<\/p>\n

    \n
  1. Upload an image and audio file to your media library. (Make sure you are in LIST view, not GRID view).<\/li>\n
  2. You should see a column for “Audio Story”. Click “Attach” next to any image you would like to add audio to. Select the audio track using the radio buttons on the popup and click “Select”.<\/li>\n
  3. Insert image into page using normal “Add Media” button in the WordPress editor.<\/li>\n
  4. Publish page and test!<\/li>\n<\/ol>\n

    How to Add Audio to Images Using Divi<\/h3>\n

    The process is a little more complicated with Divi, but once you get the process down, it’s really not much different than the WordPress Editor process. Really, there’s one additional step. lol.<\/p>\n

      \n
    1. Follow steps 1 and 2 from WordPress Editor instructions above.<\/li>\n
    2. Add a normal text module to the page and use the “Add Media” button to insert the image.<\/li>\n
    3. Save the image module and update the page. You will not see the audio image in preview mode so you will need to publish to see it.<\/li>\n
    4. Publish the page and test!<\/li>\n<\/ol>\n

      That’s it folks! We would really love to hear how you plan to use this cool new feature in the comments below. If you find yourself in need of a technical virtual assistant<\/a> to help you with your WordPress website, shoot us an email<\/a>, and we can help you figure it all out together.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Did you know that you could add audio to your WordPress images? We had no idea until we stumbled upon this little gem of an article the other day talking about adding audio to images… Say what?! This feature gives users the option to play short audio clips on selected images while browsing your site. […]<\/p>\n","protected":false},"author":3,"featured_media":2080,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[51,258],"tags":[363,364,365,366,464,169],"class_list":["post-1617","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-training","category-web-design","tag-adding-audio-to-images","tag-adding-audio-to-images-with-divi","tag-adding-audio-to-images-with-wordpress-editor","tag-how-to-add-audio-to-images","tag-technical-virtual-assistant","tag-wordpress-virtual-assistant"],"yoast_head":"\nHow to Add Audio to Your WordPress Images<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Audio to Your WordPress Images\" \/>\n<meta property=\"og:description\" content=\"Did you know that you could add audio to your WordPress images? We had no idea until we stumbled upon this little gem of an article the other day talking about adding audio to images… Say what?! This feature gives users the option to play short audio clips on selected images while browsing your site. […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/\" \/>\n<meta property=\"og:site_name\" content=\"Smart To Finish Office Solutions, LLC\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/delegationdiva\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-08T21:20:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-09-30T15:02:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/smarttofinish.com\/Blog\/wp-content\/uploads\/2017\/04\/rsz_1940503.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2736\" \/>\n\t<meta property=\"og:image:height\" content=\"1824\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Amber Miller\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@delegationdiva\" \/>\n<meta name=\"twitter:site\" content=\"@delegationdiva\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Amber Miller\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/\",\"url\":\"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/\",\"name\":\"How to Add Audio to Your WordPress Images\",\"isPartOf\":{\"@id\":\"https:\/\/smarttofinish.com\/Blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/smarttofinish.com\/Blog\/wp-content\/uploads\/2017\/04\/rsz_1940503.jpg\",\"datePublished\":\"2017-04-08T21:20:15+00:00\",\"dateModified\":\"2017-09-30T15:02:33+00:00\",\"author\":{\"@id\":\"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/28cbe0b070f5e2ab81ec607dd1de5433\"},\"breadcrumb\":{\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/#primaryimage\",\"url\":\"https:\/\/smarttofinish.com\/Blog\/wp-content\/uploads\/2017\/04\/rsz_1940503.jpg\",\"contentUrl\":\"https:\/\/smarttofinish.com\/Blog\/wp-content\/uploads\/2017\/04\/rsz_1940503.jpg\",\"width\":2736,\"height\":1824,\"caption\":\"Add Audio to Your WordPress Images\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/smarttofinish.com\/Blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Audio to Your WordPress Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/#website\",\"url\":\"https:\/\/smarttofinish.com\/Blog\/\",\"name\":\"Smart To Finish Office Solutions, LLC\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/smarttofinish.com\/Blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/28cbe0b070f5e2ab81ec607dd1de5433\",\"name\":\"Amber Miller\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/eb34b8f941f3373526e36931680a195a6178cae77ba99fc40eb402c2155ab18b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/eb34b8f941f3373526e36931680a195a6178cae77ba99fc40eb402c2155ab18b?s=96&d=mm&r=g\",\"caption\":\"Amber Miller\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add Audio to Your WordPress Images","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Audio to Your WordPress Images","og_description":"Did you know that you could add audio to your WordPress images? We had no idea until we stumbled upon this little gem of an article the other day talking about adding audio to images… Say what?! This feature gives users the option to play short audio clips on selected images while browsing your site. […]","og_url":"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/","og_site_name":"Smart To Finish Office Solutions, LLC","article_publisher":"http:\/\/www.facebook.com\/delegationdiva\/","article_published_time":"2017-04-08T21:20:15+00:00","article_modified_time":"2017-09-30T15:02:33+00:00","og_image":[{"width":2736,"height":1824,"url":"https:\/\/smarttofinish.com\/Blog\/wp-content\/uploads\/2017\/04\/rsz_1940503.jpg","type":"image\/jpeg"}],"author":"Amber Miller","twitter_card":"summary_large_image","twitter_creator":"@delegationdiva","twitter_site":"@delegationdiva","twitter_misc":{"Written by":"Amber Miller","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/","url":"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/","name":"How to Add Audio to Your WordPress Images","isPartOf":{"@id":"https:\/\/smarttofinish.com\/Blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/#primaryimage"},"image":{"@id":"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/#primaryimage"},"thumbnailUrl":"https:\/\/smarttofinish.com\/Blog\/wp-content\/uploads\/2017\/04\/rsz_1940503.jpg","datePublished":"2017-04-08T21:20:15+00:00","dateModified":"2017-09-30T15:02:33+00:00","author":{"@id":"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/28cbe0b070f5e2ab81ec607dd1de5433"},"breadcrumb":{"@id":"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/#primaryimage","url":"https:\/\/smarttofinish.com\/Blog\/wp-content\/uploads\/2017\/04\/rsz_1940503.jpg","contentUrl":"https:\/\/smarttofinish.com\/Blog\/wp-content\/uploads\/2017\/04\/rsz_1940503.jpg","width":2736,"height":1824,"caption":"Add Audio to Your WordPress Images"},{"@type":"BreadcrumbList","@id":"https:\/\/smarttofinish.com\/Blog\/2017\/04\/08\/how-to-add-audio-to-your-wordpress-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/smarttofinish.com\/Blog\/"},{"@type":"ListItem","position":2,"name":"How to Add Audio to Your WordPress Images"}]},{"@type":"WebSite","@id":"https:\/\/smarttofinish.com\/Blog\/#website","url":"https:\/\/smarttofinish.com\/Blog\/","name":"Smart To Finish Office Solutions, LLC","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smarttofinish.com\/Blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/28cbe0b070f5e2ab81ec607dd1de5433","name":"Amber Miller","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smarttofinish.com\/Blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/eb34b8f941f3373526e36931680a195a6178cae77ba99fc40eb402c2155ab18b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/eb34b8f941f3373526e36931680a195a6178cae77ba99fc40eb402c2155ab18b?s=96&d=mm&r=g","caption":"Amber Miller"}}]}},"_links":{"self":[{"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/posts\/1617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/comments?post=1617"}],"version-history":[{"count":2,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/posts\/1617\/revisions"}],"predecessor-version":[{"id":2081,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/posts\/1617\/revisions\/2081"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/media\/2080"}],"wp:attachment":[{"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/media?parent=1617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/categories?post=1617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/smarttofinish.com\/Blog\/wp-json\/wp\/v2\/tags?post=1617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}