Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2024-09-12 17:50:19

code365
Member
From: California
Registered: 2009-08-16
Posts: 112
Website

Instagram Feed Plugin

Hi TXP community, I need your help.

I am currently working on a site for a client that would like their Instagram feed on the landing page. I searched txp.com plugin section but did not see anything, only bookmark plugin. Can anyone suggest or share experience on how to incorporate it in TXP? Thanks

Offline

#2 2024-09-12 18:41:42

Bloke
Developer
From: Leeds, UK
Registered: 2006-01-29
Posts: 11,419
Website GitHub

Re: Instagram Feed Plugin

There is oui_instagram but it’s 7 years old so may not be using the latest APIs.

You might be lucky. Or at the very least, the principles might still apply and the concept can be updated.


The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.

Txp Builders – finely-crafted code, design and Txp

Offline

#3 2024-09-13 01:23:05

amordecosmos
Plugin Author
From: London (Hometown: Vancouver)
Registered: 2004-08-03
Posts: 112
Website

Re: Instagram Feed Plugin

I use this code for individual Instagram posts (but not the feed), for what it is worth.

The <txp:variable name’INSTACODE’ /> is the unique alphanumeric code in an Instagram photo URL.

<iframe class="instagram-media instagram-media-rendered" id="instagram-embed-<txp:variable name'INSTACODE' />" src="https://www.instagram.com/p/<txp:variable name'INSTACODE' />/embed/?cr=1&amp;v=14&amp;wp=540" allowtransparency="true" allowfullscreen="true" frameborder="0" height="745" data-instgrm-payload-id="instagram-media-payload-<txp:variable name'INSTACODE' />" scrolling="no" style="max-width: 540px; width: calc(100% - 2px); background-color: white; border-radius: 3px; border: 1px solid rgb(219, 219, 219); box-shadow: none; display: block; margin: 0px 0px 12px; min-width: 326px; padding: 0px;"></iframe>

You must also call the Instagram javascript: <script async src=”//www.instagram.com/embed.js”></script>

Offline

#4 2024-09-13 03:20:38

colak
Admin
From: Cyprus
Registered: 2004-11-20
Posts: 9,071
Website GitHub Mastodon Twitter

Re: Instagram Feed Plugin

Remember to wrap that in the oui_cookie plugin to enhance privacy and make the site GDPR compatible.


Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

Offline

#5 2024-09-14 16:57:06

code365
Member
From: California
Registered: 2009-08-16
Posts: 112
Website

Re: Instagram Feed Plugin

Thank you, TXP community for your help.

@Bloke
I tried the oui_instagram plugin, it will not take the IG API.

Offline

Board footer

Powered by FluxBB