Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
#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
Offline
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
Online
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&v=14&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
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: 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.
Offline
Pages: 1