=== {{translate.title_wordpress}} - WebComponent ===
Contributors: ptkdev
Donate link: https://www.patreon.com/ptkdev
Tags: instagram, widget, last 9 photos, instagram widget, webcomponents
Requires at least: 5.0
Tested up to: 5.6
Requires PHP: 7.2
Stable tag: {{package.version}}
License: MIT
License URI: https://github.com/ptkdev-components/webcomponent-instagram-widget/blob/nightly/LICENSE.md

Instagram Widget of your Instagram Profile for your blog. Show latest 9 pics from your instagram account.

== Description ==

# 🌉 WebComponent: Instagram Widget

[![](https://img.shields.io/badge/version-v{{package.version}}-lightgrey.svg)](https://github.com/ptkdev-components/webcomponent-instagram-widget/releases) [![](https://img.shields.io/npm/v/@ptkdev/webcomponent-instagram-widget.svg)](https://www.npmjs.com/package/@ptkdev/webcomponent-instagram-widget) [![](https://img.shields.io/badge/license-MIT-brightgreen.svg)](https://github.com/ptkdev-components/webcomponent-instagram-widget/blob/master/LICENSE.md) [![](https://img.shields.io/badge/ES-9-F7DF1E.svg)](https://wikipedia.org/wiki/ECMAScript) [![](https://snyk.io/test/github/ptkdev-components/webcomponent-instagram-widget/badge.svg)](https://snyk.io/test/github/ptkdev-components/webcomponent-instagram-widget) [![](https://discordapp.com/api/guilds/383373985666301975/embed.png)](http://discord.ptkdev.io)

Last 9 Photos: Instagram Widget of your Instagram Profile for your blog. Show latest 9 pics from your instagram account.

> ⛔ **DISCLAIMER**: This is an **unofficial** instagram library and offers no warranty! All trademarks and logos belong to their respective owners.

## 📎 Menu
- 💡 [Features](https://github.com/ptkdev-components/webcomponent-instagram-widget#-features)
- 🕹 [Demo](https://codepen.io/ptkdev/pen/WNQOYqy)
- 👔 [Screenshot](https://github.com/ptkdev-components/webcomponent-instagram-widget#-screenshot)
- 🚀 [How to use](https://github.com/ptkdev-components/webcomponent-instagram-widget#-installation)
- - 🌎 [Web](https://github.com/ptkdev-components/webcomponent-instagram-widget#-installation-web)
- - 📦 [Webpack/Browserify](https://github.com/ptkdev-components/webcomponent-instagram-widget#-installation-npm-module---browserifywebpack)
- - 📖 [Wordpress](https://github.com/ptkdev-components/webcomponent-instagram-widget#-installation-wordpress)
- - ⚛️ [React](https://github.com/ptkdev-components/webcomponent-instagram-widget#%EF%B8%8F-installation-react)
- - 🅰️ [Angular](https://github.com/ptkdev-components/webcomponent-instagram-widget#🅰%EF%B8%8F-installation-angular)
- 📚 [Documentation](https://github.com/ptkdev-components/webcomponent-instagram-widget#-documentation)
- - 🧰 [Options / Attributes](https://github.com/ptkdev-components/webcomponent-instagram-widget#-options--attributes)
- - 🎨 [CSS Customization](https://github.com/ptkdev-components/webcomponent-instagram-widget#-css-customization)
- 🔨 [Developer Mode](https://github.com/ptkdev-components/webcomponent-instagram-widget#-developer-mode)
- 👨‍💻 [Contributing](https://github.com/ptkdev-components/webcomponent-instagram-widget#-contributing)
- 🐛 [Known Bugs](https://github.com/ptkdev-components/webcomponent-instagram-widget/issues?q=is%3Aopen+is%3Aissue+label%3Abug)
- 🍻 Community:
  - <img src="https://raw.githubusercontent.com/ptkdev-components/webcomponent-instagram-widget/master/.github/assets/social_discord.png" height="18px"> [Discord](http://discord.ptkdev.io) ([🇬🇧 English Channel](https://discord.gg/YkMG26f) | [🇮🇹 Italian Channel](https://discord.gg/HFtdBAJ) | [🇵🇱 Polish Channel](https://discord.gg/TV5EXFd))

## 💡 Features
* [✔️] Easy to use
* [✔️] MIT License
* [✔️] Without jQuery depencence
* [✔️] Configurable with attributes
* [✔️] Work with: Browserify / Webpack / ReactJS / Angular / Wordpress
* [✔️] Photos Widget of your Instagram Profile for your blog or website with this WebComponent
* [✔️] Translations: 🇬🇧 🇮🇹 🇵🇱 (Help me ❤️)

## 📖 Installation
1. Download wordpress-plugin and install it.
2. Add code to your html widget, example: `Appearance` --> `Widget` --> insert `HTML Widget` and paste html code:


```
<instagram-widget username="@ptkdev" grid="3x3">
</instagram-widget>
```

NOTE: Replace `@ptkdev` with your instagram username. More settings are available [here](https://github.com/ptkdev-components/webcomponent-instagram-widget#-options--attributes).

You can insert this html code in posts, widget, html box or theme. Where you want see instagram photos box.

== Screenshots ==

See [Demo here](https://codepen.io/ptkdev/pen/WNQOYqy). Photos from @ptkdev account:

== Installation ==

1. Download wordpress-plugin and install it.
2. Add code to your html widget, example: `Appearance` --> `Widget` --> insert `HTML Widget` and paste html code:


```
<instagram-widget username="@ptkdev" grid="3x3">
</instagram-widget>
```

NOTE: Replace `@ptkdev` with your instagram username. More settings are available [here](https://github.com/ptkdev-components/webcomponent-instagram-widget#-options--attributes).

You can insert this html code in posts, widget, html box or theme. Where you want see instagram photos box.


== Changelog ==