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 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: TwitterFacebookEmail

Talha Mansoor Avatar Talha Mansoor is the creator and lead developer of Elegant theme.
Pablo Iranzo Gómez Avatar Pablo Iranzo Gómez opensource enthusiast and Lego fan doing some python simple programs like @redken_bot in telegram, etc

Keep Reading





Stay in Touch

Get New Release Alert