Add latest Instagram pictures (feed) to your WordPress website

31

To show the 10 most recent pictures of my Instagram feed on my website, I was looking for a technique to this. I remembered that there is a Javascript which enables this.

But to make this work, you need a Instagram developer account and do some authentication to enable your website.

First I found this helpful codepen which demonstrates the functionality. After that I went through the documentation of Instagram which is straight forward.

What you need to do, once you have a Instagram developer account, is to create a client and fill where you want to use the feed for. In our case, the website we maintain. 

At the field “Website URL: …” you fill in the exact url of the page where you want to display the Instagram feed.

Once you have done this you can take the url below and change the “CLIENT-ID” and “REDIRECT-URI” for yours.

https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=code

After visiting this url, you will see the “accessToken” at the end. Together with your “clientId” you are ready to use the instafeed.js.

See it in action here.

About

Marco van Zomeren is a designer on a audio visual journey. Currently working full time at a company with several subsidiaries in the financial sector. Besides his day job he spends most of his spare time on producing electronic music. More...

Related

Swiper.js and Instafeed.js combined

Today I discovered at this site how to combine the Instafeed.js with the Swiper.js, so I can show the most recent Instagram post in a swiper gallery on my homepage….

Read more

My musical journey

While creating songs for a couple of years now, I came up with a format to bring some structure in this proces. It is a way to translate my journey…

Read more

Object-fit cover, the new background-image

Today I learned about the css object-fit: cover settings. This technique allows us to use a img and display it like background-image with the background-size: cover settings. This is pretty…

Read more

Get audio url from post attachment WordPress

I am currently still working on my own website and to take it a step further, I needed to know how to display the audio which is attached to the…

Read more

Add customize controles to WordPress theme

Currently I am working on developing my own WordPress theme. Therefore I am looking for a way to give the user the control over colors and settings. Yesterday I stumbled…

Read more

Intermezzo

Soms lukt alles, soms lukt niks. Zo is het dagelijks, gedurende het werk en tijdens het produceren van muziek. Soms wordt ik spontaan verliefd op een track en soms belandt…

Read more