In this tutorial, I will show you how to add an Instagram feed to the bottom of the Novelty theme by Restored 316.
I recently received an enquiry from someone who owns the Novelty theme by Restored 316. She wanted to add an Instagram feed at the bottom of her site, similar to the layout of the Refined theme, also by Restored 316. Today, I want to share a tutorial of how to add an Instagram feed to the bottom of your site. This tutorial will work with other Restored 316 themes which don’t currently have this option (you may need to make additional CSS tweaks to meet your needs).
Add An Instagram Feed – Step 1
The first thing we need to do is to create (“register”) a new widget area. Add this to the bottom of your functions.php file:
Depending on your hosting company, you may be able to add it directly into your functions.php file via your WordPress Dashboard (Dashboard > Appearance > Editor > functions.php), or you may need to use FTP or navigate to your cPanel to edit your functions.php file directly.
As always, anytime you are updating your functions.php file, you need to take care – any kind of miss-step could result in the dreaded “white screen of death”. It’s for this reason that I always have a fresh download of my functions.php file available, so that I can replace the file if need be.
Add An Instagram Feed – Step 2
Next, we need to “hook” the widget (which means to tell the widget where you want it to display). Add this to your functions.php file, immediately below where your newly created widget:
Add An Instagram Feed – Step 3
Once you have updated your functions.php file, we’ll need to add some CSS styling. You can add this directly to your stylesheet (Dashboard > Appearance > Editor > style.css), but I like to add CSS to my “Additional CSS” section in my Customizer (Dashboard > Appearance > Customize > Additional CSS)
Add An Instagram Feed – Step 4
Install and activate the Instagram Feed plugin.
Connect and configure the plugin per the setup instructions.
Add An Instagram Feed – Step 5
Go to Dashboard > Appearance > Widgets > drag a Custom HTML widget to your newly created “Instagram” widget area. Add the shortcode [instagram-feed] to the Custom HTML. Click “Done” to publish the widget.
That’s it! I’m unable to provide free theme support, but if you have any questions, please leave a comment below, and I’ll be happy to help. If you have the Novelty theme, or another Restored 316 theme, and want me to do the work for you, send me a note!
Did you know I offer a theme setup service to get your Restored 316 theme set up to look and function like the demo in under 24 hours?
Leave a Reply