Textpattern CMS

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

code365

Member

From: California

Registered: 2009-08-16

Posts: 117

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

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

Bloke

Developer

From: Leeds, UK

Registered: 2006-01-29

Posts: 11,445

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

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

amordecosmos

Plugin Author

From: London (Hometown: Vancouver)

Registered: 2004-08-03

Posts: 114

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>

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

colak

Admin

From: Cyprus

Registered: 2004-11-20

Posts: 9,090

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.

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

code365

Member

From: California

Registered: 2009-08-16

Posts: 117

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.