{"id":121247,"date":"2020-05-19T08:00:45","date_gmt":"2020-05-19T08:00:45","guid":{"rendered":"https:\/\/it.wordpress.org\/plugins\/last-9-photos-webcomponent\/"},"modified":"2021-03-04T10:31:17","modified_gmt":"2021-03-04T10:31:17","slug":"last-9-photos-webcomponent","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/last-9-photos-webcomponent\/","author":17965114,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.9.0","stable_tag":"2.9.0","tested":"5.6.17","requires":"5.0","requires_php":"7.2","requires_plugins":"","header_name":"Last 9 Photos - WebComponent","header_author":"Patryk Rzucid\u0142o (@PTKDev)","header_description":"Photos Box of your Instagram Profile for your blog. Show latest 9 pics from you instagram profile. (Unofficial Instagram Widget)","assets_banners_color":"989790","last_updated":"2021-03-04 10:31:17","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.patreon.com\/ptkdev","header_plugin_uri":"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget","header_author_uri":"https:\/\/ptk.dev","rating":5,"author_block_rating":0,"active_installs":10,"downloads":1374,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":{"2.6.0":{"tag":"2.6.0","author":"ptkdev","date":"2020-05-19 08:38:13"},"2.6.0b":{"tag":"2.6.0b","author":"ptkdev","date":"2020-05-19 08:41:46"},"2.6.1":{"tag":"2.6.1","author":"ptkdev","date":"2020-05-19 15:54:49"},"2.7.1":{"tag":"2.7.1","author":"ptkdev","date":"2021-01-18 00:42:14"},"2.8.0":{"tag":"2.8.0","author":"ptkdev","date":"2021-02-09 22:40:57"},"2.9.0":{"tag":"2.9.0","author":"ptkdev","date":"2021-03-04 10:31:17"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"1"},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":2307749,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":2307749,"resolution":"1544x500","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.6.0","2.6.0b","2.6.1","2.7.1","2.8.0","2.9.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2307749,"resolution":"1","location":"assets","locale":""}},"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[311,6053,185957,185958,162],"plugin_category":[43,56],"plugin_contributors":[185959],"plugin_business_model":[],"class_list":["post-121247","plugin","type-plugin","status-publish","hentry","plugin_tags-instagram","plugin_tags-instagram-widget","plugin_tags-last-9-photos","plugin_tags-webcomponents","plugin_tags-widget","plugin_category-customization","plugin_category-social-and-sharing","plugin_contributors-ptkdev","plugin_committers-ptkdev"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/last-9-photos-webcomponent\/assets\/icon-256x256.png?rev=2307749","icon_2x":"https:\/\/ps.w.org\/last-9-photos-webcomponent\/assets\/icon-256x256.png?rev=2307749","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/last-9-photos-webcomponent\/assets\/screenshot-1.png?rev=2307749","caption":""}],"raw_content":"<!--section=description-->\n\ud83c\udf09 WebComponent: Instagram Widget\n\n<p><a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget\/releases\"><\/a> <a href=\"https:\/\/www.npmjs.com\/package\/@ptkdev\/webcomponent-instagram-widget\"><\/a> <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget\/blob\/master\/LICENSE.md\"><\/a> <a href=\"https:\/\/wikipedia.org\/wiki\/ECMAScript\"><\/a> <a href=\"https:\/\/snyk.io\/test\/github\/ptkdev-components\/webcomponent-instagram-widget\"><\/a> <a href=\"http:\/\/discord.ptkdev.io\"><\/a><\/p>\n\n<p>Last 9 Photos: Instagram Widget of your Instagram Profile for your blog. Show latest 9 pics from your instagram account.<\/p>\n\n<blockquote>\n  <p>\u26d4 <strong>DISCLAIMER<\/strong>: This is an <strong>unofficial<\/strong> instagram library and offers no warranty! All trademarks and logos belong to their respective owners.<\/p>\n<\/blockquote>\n\n<h3>\ud83d\udcce Menu<\/h3>\n\n<ul>\n<li>\ud83d\udca1 <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-features\">Features<\/a><\/li>\n<li>\ud83d\udd79 <a href=\"https:\/\/codepen.io\/ptkdev\/pen\/WNQOYqy\">Demo<\/a><\/li>\n<li>\ud83d\udc54 <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-screenshot\">Screenshot<\/a><\/li>\n<li>\ud83d\ude80 <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-installation\">How to use<\/a><\/li>\n<li>\n<ul>\n<li>\ud83c\udf0e <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-installation-web\">Web<\/a><\/li>\n<\/ul><\/li>\n<li>\n<ul>\n<li>\ud83d\udce6 <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-installation-npm-module---browserifywebpack\">Webpack\/Browserify<\/a><\/li>\n<\/ul><\/li>\n<li>\n<ul>\n<li>\ud83d\udcd6 <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-installation-wordpress\">Wordpress<\/a><\/li>\n<\/ul><\/li>\n<li>\n<ul>\n<li>\u269b\ufe0f <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#%EF%B8%8F-installation-react\">React<\/a><\/li>\n<\/ul><\/li>\n<li>\n<ul>\n<li>\ud83c\udd70\ufe0f <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#\ud83c\udd70%EF%B8%8F-installation-angular\">Angular<\/a><\/li>\n<\/ul><\/li>\n<li>\ud83d\udcda <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-documentation\">Documentation<\/a><\/li>\n<li>\n<ul>\n<li>\ud83e\uddf0 <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-options--attributes\">Options \/ Attributes<\/a><\/li>\n<\/ul><\/li>\n<li>\n<ul>\n<li>\ud83c\udfa8 <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-css-customization\">CSS Customization<\/a><\/li>\n<\/ul><\/li>\n<li>\ud83d\udd28 <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-developer-mode\">Developer Mode<\/a><\/li>\n<li>\ud83d\udc68\u200d\ud83d\udcbb <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-contributing\">Contributing<\/a><\/li>\n<li>\ud83d\udc1b <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget\/issues?q=is%3Aopen+is%3Aissue+label%3Abug\">Known Bugs<\/a><\/li>\n<li>\ud83c\udf7b Community:\n\n<ul>\n<li> <a href=\"http:\/\/discord.ptkdev.io\">Discord<\/a> (<a href=\"https:\/\/discord.gg\/YkMG26f\">\ud83c\uddec\ud83c\udde7 English Channel<\/a> | <a href=\"https:\/\/discord.gg\/HFtdBAJ\">\ud83c\uddee\ud83c\uddf9 Italian Channel<\/a> | <a href=\"https:\/\/discord.gg\/TV5EXFd\">\ud83c\uddf5\ud83c\uddf1 Polish Channel<\/a>)<\/li>\n<\/ul><\/li>\n<\/ul>\n\n<h3>\ud83d\udca1 Features<\/h3>\n\n<ul>\n<li>[\u2714\ufe0f] Easy to use<\/li>\n<li>[\u2714\ufe0f] MIT License<\/li>\n<li>[\u2714\ufe0f] Without jQuery depencence<\/li>\n<li>[\u2714\ufe0f] Configurable with attributes<\/li>\n<li>[\u2714\ufe0f] Work with: Browserify \/ Webpack \/ ReactJS \/ Angular \/ Wordpress<\/li>\n<li>[\u2714\ufe0f] Photos Widget of your Instagram Profile for your blog or website with this WebComponent<\/li>\n<li>[\u2714\ufe0f] Translations: \ud83c\uddec\ud83c\udde7 \ud83c\uddee\ud83c\uddf9 \ud83c\uddf5\ud83c\uddf1 (Help me \u2764\ufe0f)<\/li>\n<\/ul>\n\n<h3>\ud83d\udcd6 Installation<\/h3>\n\n<ol>\n<li>Download wordpress-plugin and install it.<\/li>\n<li><p>Add code to your html widget, example: <code>Appearance<\/code> --&gt; <code>Widget<\/code> --&gt; insert <code>HTML Widget<\/code> and paste html code:<\/p>\n\n<p><code>&lt;instagram-widget username=\"@ptkdev\" grid=\"3x3\"&gt;\n&lt;\/instagram-widget&gt;<\/code><\/p><\/li>\n<\/ol>\n\n<p>NOTE: Replace <code>@ptkdev<\/code> with your instagram username. More settings are available <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-options--attributes\">here<\/a>.<\/p>\n\n<p>You can insert this html code in posts, widget, html box or theme. Where you want see instagram photos box.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Download wordpress-plugin and install it.<\/li>\n<li><p>Add code to your html widget, example: <code>Appearance<\/code> --&gt; <code>Widget<\/code> --&gt; insert <code>HTML Widget<\/code> and paste html code:<\/p>\n\n<p><code>&lt;instagram-widget username=\"@ptkdev\" grid=\"3x3\"&gt;\n&lt;\/instagram-widget&gt;<\/code><\/p><\/li>\n<\/ol>\n\n<p>NOTE: Replace <code>@ptkdev<\/code> with your instagram username. More settings are available <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget#-options--attributes\">here<\/a>.<\/p>\n\n<p>You can insert this html code in posts, widget, html box or theme. Where you want see instagram photos box.<\/p>\n\n<!--section=changelog-->\nv3.0.0-nightly (TBD)\n\n<ul>\n<li>Feature: Fetch with instagram token\/facebook open graph<\/li>\n<li>Refactor: move to typescript<\/li>\n<\/ul>\n\n<p><a href=\"https:\/\/www.paypal.me\/ptkdev\"><\/a> <a href=\"https:\/\/www.patreon.com\/ptkdev\"><\/a> <a href=\"https:\/\/github.com\/sponsors\/ptkdev\/\"><\/a> <a href=\"https:\/\/ko-fi.com\/ptkdev\"><\/a><\/p>\n\nv2.9.0 (March 04, 2021)\n\n<ul>\n<li>API RATE LIMIT: Instagram added CORS to a public api <code>https:\/\/www.instagram.com\/${this.options[\"username\"]}\/?__a=1<\/code> with <code>?__a<\/code> get parameter and this widget stopped work. Current workaround: we use google images proxy<\/li>\n<li>Security: Update<\/li>\n<\/ul>\n\nv2.8.0 (February 09, 2021)\n\n<ul>\n<li>Fix: Can't change default username <a href=\"https:\/\/github.com\/ptkdev-components\/webcomponent-instagram-widget\/issues\/6\">#6<\/a><\/li>\n<li>Fix: localstorage with username as key (cache all usernames)<\/li>\n<\/ul>\n\nv2.7.1 (January 17, 2021)\n\n<ul>\n<li>Feature: fetch from backup if get limit api request (from localStorage)<\/li>\n<li>Feature: loading spinner<\/li>\n<li>Feature: error fetch message<\/li>\n<\/ul>\n\nv2.6.1 (May 19, 2020)\n\n<ul>\n<li>New: Wordpress Plugin available on <a href=\"https:\/\/wordpress.org\/plugins\/last-9-photos-webcomponent\/\">store<\/a>.<\/li>\n<\/ul>\n\nv2.6.0 (May 18, 2020)\n\n<ul>\n<li>Feature: Overwrite CSS Style with selector <code>::part<\/code><\/li>\n<li>New attribute: mouse-hover<\/li>\n<li>New attribute: show-title<\/li>\n<li>New attribute: shadows<\/li>\n<li>Fix: Wordpress Plugin<\/li>\n<\/ul>\n\nv2.5.0 (May 04, 2020)\n\n<ul>\n<li>Fix: now you can use multiple webcomponents in the same html page (#3)<\/li>\n<li>NOTE: better to use the full close tag <code>&lt;instagram-widget&gt;&lt;\/instagram-widget&gt;<\/code> than short <code>\/&gt;<\/code><\/li>\n<\/ul>\n\nv2.4.0 (May 02, 2020)\n\n<ul>\n<li>New attribute: <code>force-square<\/code><\/li>\n<li>Feature: wordpress-plugin<\/li>\n<\/ul>\n\nv2.3.0 (May 01, 2020)\n\n<ul>\n<li>Fix: <code>border-corners<\/code> and <code>border-spacing<\/code> now work without <code>grid<\/code> attribute.<\/li>\n<li>Fix: NPM Module give errors with require\/import<\/li>\n<li>Update: examples<\/li>\n<\/ul>\n\nv2.2.0 (April 30, 2020)\n\n<ul>\n<li>Fix: <code>grid<\/code> now is more responsive (now use <code>calc()<\/code> function: <code>100%<\/code> - <code>spacing\/padding\/margin<\/code>)<\/li>\n<li>Fix: default values now work (hello object reference my old dark friend)<\/li>\n<\/ul>\n\nv2.1.1 (April 28, 2020)\n\n<ul>\n<li>New attribute: cache<\/li>\n<li>New attribute: border-corners<\/li>\n<li>New attribute: border-spacing<\/li>\n<li>Performance: now component send api request only if you change <code>username<\/code><\/li>\n<li>Fix: refresh attributes random don't work<\/li>\n<\/ul>\n\nv2.0.0 (April 28, 2020)\n\n<ul>\n<li>Removed \"ptkdev-\" prefix<\/li>\n<li>Module for Browserify\/Webpack (run: <code>npm install @ptkdev\/webcomponent-instagram-widget<\/code>)<\/li>\n<li>Fix: Grid bug<\/li>\n<li>Installation guidelines: Browserify \/ Webpack \/ ReactJS \/ Angular \/ Wordpress<\/li>\n<\/ul>\n\nv1.1.1 (April 27, 2020)\n\n<ul>\n<li>Update CDN (New url!)<\/li>\n<li>Update build\/dist<\/li>\n<\/ul>\n\nv1.1.0 (April 27, 2020)\n\n<ul>\n<li>New attribute: items-limit<\/li>\n<li>New attribute: grid<\/li>\n<li>New attribute: image-width \/ image-height<\/li>\n<\/ul>\n\nv1.0.1 (April 26, 2020)\n\n<ul>\n<li>Update CDN<\/li>\n<\/ul>\n\nv1.0.0 (April 26, 2020)\n\n<ul>\n<li>First Release.<\/li>\n<\/ul>","raw_excerpt":"Instagram Widget of your Instagram Profile for your blog. Show latest 9 pics from your instagram account.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/121247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=121247"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ptkdev"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=121247"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=121247"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=121247"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=121247"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=121247"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=121247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}