I would like to have an Instagram feed for featured image of the blog.

Already I have Instagram feed blog post but I would like it to be also on featured image.

Any idea how to achieve this?

Link to blog - https://messnermoto.com/blog/

Link to the blog post where you can see Instagram feed which I would like to use as featured image. - https://messnermoto.com/messnermoto-motorcycle-rearview-mirror-evolution/

enter image description here

  • So you want to use an actual feed instead of the featured image, or you want to be able to use a single instagram photo instead of the featured image? The feed will require you to use the Instagram API / Graph API and the latter would mean adding a custom field to your post to allow you to enter a URL to a specific instagram post / image. – Alexander Holsgrove Apr 3 '19 at 15:24
  • Hi, I have already a plugin for feed. My question is how to replace that image that you see on my 1 post with that feed. Thank you! – Mirjan Apr 3 '19 at 15:38
  • You would need to edit your template (or make a child theme) and replace the code in image_frame post-photo-wrapper with your Instagram feed. – Alexander Holsgrove Apr 3 '19 at 15:44
  • I have a child theme. Do I need to do for every post or is there a way to fetch it form post? Thank you! – Mirjan Apr 3 '19 at 15:50
  • It depends if you want the same feed for each post, or if you want to load a specific image per post. If you want to load a feed each time, just edit the template file which displays the image_frame post-photo-wrapper div class. If you want a custom image, defined on each post (are you using ACF?) then you will need to alter the same div and retrieve the instagram image URL from the post. – Alexander Holsgrove Apr 3 '19 at 16:01

It depends a bit on your theme how to tackle this, because under most circumstances you cannot just change the featured image without writing a plugin.

If you're experienced with writing WordPress plugins (and Instagram' API) you could write your own plugin that replaces the featured image.

I would rather recommend using an existing plugin - the first I googled was Instagram Feed by Smash Balloon, which looks like it can do what you need. Using that plugin I would not show the featured image but instead use the Plugin's shortcode in order to show the right Instagram feed for your product.

  • Hi, I use that plugin, my question is how to replace that image with it. If you click on the post you can see it already there. Thank you! – Mirjan Apr 3 '19 at 15:36
  • Can you provide me with code to replace the featured image with a shortcode? – Mirjan Apr 3 '19 at 18:05
  • This depends on the theme that you use. If you tell me the theme's name I can try to figure out. The easiest way would be to not show the leading picture (how to achieve that also depends on the theme) and add the instagram feed to the post content using the shortcode. – Christopher Apr 4 '19 at 6:45
  • Betheme is used on the website. link – Mirjan Apr 4 '19 at 7:32
  • I see. I really can't help with a commercial theme, but if you bought that, you should be able to just ask their support if there's a way of replacing the leading picture by your Instagram feed. – Christopher Apr 4 '19 at 11:23

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.