FANDOM


InstagramWidget adds Instagram widget integration. Full documentation is available here.

Installation

Usage

Place an element with class "instagramwidget" to the page. Use data-* attributes to change some widget parameters.

Widget parameters[1]

Format: option name (how to use) description.

url (data-url="http://instagr.am/p/fA9uwTtkSN/")
A short link, like http://instagr.am/p/fA9uwTtkSN/
maxwidth (data-maxwidth="400")
Maximum width of returned media. This value is optional and must be greater than 320.
hidecaption (data-hidecaption="true")
If set to true, the embed code hides the caption. Defaults to false.
omitscript (data-omitscript="false")
If set to true, the embed code does not include the script tag. Do not use it unless you know what are you doing.

Template code

One can use following template:

<div class="instagramwidget" data-maxwidth="{{{maxwidth|}}}" data-url="{{{url|}}}" data-hidecaption="{{{hidecaption|}}}">
The Instagram widget should appear here - if you don't see it, please contact wiki administration.
</div>

Usage: {{t|url=http://instagr.am/p/fA9uwTtkSN/|maxwidth=400}}

Example

Following example will create a widget for channel http://instagr.am/p/fA9uwTtkSN/ with maxwidth=320px:

<div class="instagramwidget" data-maxwidth="320" data-url="http://instagr.am/p/fA9uwTtkSN/"></div>

The code will produce this:

Here is Instagram widget. If you do not see it, then something goes wrong. Don't hesitate to contact to wiki administration.
  1. Source: https://www.instagram.com/developer/embedding/
Community content is available under CC-BY-SA unless otherwise noted.

Fandom may earn an affiliate commission on sales made from links on this page.

Stream the best stories.

Fandom may earn an affiliate commission on sales made from links on this page.

Get Disney+