I was recently handed this design to code with a section for an Instagram feed. Although the design was beautiful, I really wasn’t looking forward to adding all that code to pull in the image feed and then stylizing the incoming pictures and making sure they were responsive. It would be a lot of work. But then I stumbled upon this:
As advertised, it was super simple to set up. It allows you to show your own feed as well as others. One note – you MUST have an Instagram account. When I was originally setting this up, I didn’t have my client’s Instagram login and it would not work without the access token, which is easily created when you login, but the plugin will not work without it.
It asked me how many photos I wanted to show in how many columns. It allowed me to choose how much padding I wanted around the images. You can see all the settings options here:
You can see the full settings here.
The plugin can be displayed anywhere with a simple shortcode. If you want to use this shortcode in a widget area or template file, just see my post here on how to do that: https://wpdecoder.com/customizations/using-shortcodes-in-widget-areas/
I was so happy when I just stuck the shortcode into my page and it just worked! See how it looks with the parallax background here: http://janiceyklee.com/about/
I’d like to tell you about another Instagram plugin – InstaLink.
It’s absolutely responsive, equally nice on retina displays and mobile phones and has most needed features.
Just try its amazing demo http://elfsight.com/instalink/ and I’m sure you will enjoy it.