Gallery — Embed Instagram Post

Pelican-Elegant has built in support for Instagram post.

Article contents

To embed Instagram post, just define a div in this manner,

<div class="elegant-instagram" data-instagram-id="BwWo35fAcR3"></div>

<div> class should be elegant-instagram.

Value of data-instagram-id attribute is taken from Instagram post URL, for example:

If URL is https://www.instagram.com/p/OzF8OwS43q/ then set data-instagram-id to OzF8OwS43q.

Instagram URL can be a single or multiple pictures post.

Here is how Elegant will render your Instagram posts.

A Post With Multiple Images

It’s code is

<div class="elegant-instagram" data-instagram-id="BwWo35fAcR3"></div>

Single Image Post

It’s code is

<div class="elegant-instagram" data-instagram-id="B7yh4IdItNd"></div>

Like this post? Share on: Twitter ❄ Facebook ❄ Email

Talha Mansoor is the creator and lead developer of Elegant theme.

Pablo Iranzo Gómez opensource enthusiast and Lego fan doing some python simple programs like @redken_bot in telegram, etc