Descrizione
๐ WebComponent: Instagram Widget
Ultime 9 Foto: Instagram Widget del tuo profilo Instagram per il tuo blog. Mostra le ultime 9 immagini dal tuo account instagram.
โ DISCLAIMER: This is an unofficial instagram library and offers no warranty! All trademarks and logos belong to their respective owners.
๐ Menu
- ๐ก Features
- ๐น Demo
- ๐ Screenshot
- ๐ How to use
-
- ๐ Web
-
- ๐ฆ Webpack/Browserify
-
- ๐ WordPress
-
- โ๏ธ React
-
- ๐ ฐ๏ธ Angular
- ๐ Documentation
-
- ๐งฐ Options / Attributes
-
- ๐จ CSS Customization
- ๐จ Developer Mode
- ๐จโ๐ป Contributing
- ๐ Known Bugs
- ๐ป Community:
๐ก 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 โค๏ธ)
๐ Installazione
- Download wordpress-plugin and install it.
-
Aggiungi il codice html del widget, ad esempio in:
Aspetto
–>Widget
–> aggiungiHTML Widget
e incolla il codice html:<instagram-widget username="@ptkdev" grid="3x3">
</instagram-widget>
NOTE: Sostituisci @ptkdev
con il tuo username di instagram. Altre impostazioni disponibili le trovi qui.
Puoi inserire questo codice html in articoli, widget, input html o nel tema. Dove vuoi vedere il widget delle foto di Instagram.
Installazione
- Download wordpress-plugin and install it.
-
Aggiungi il codice html del widget, ad esempio in:
Aspetto
–>Widget
–> aggiungiHTML Widget
e incolla il codice html:<instagram-widget username="@ptkdev" grid="3x3">
</instagram-widget>
NOTE: Sostituisci @ptkdev
con il tuo username di instagram. Altre impostazioni disponibili le trovi qui.
Puoi inserire questo codice html in articoli, widget, input html o nel tema. Dove vuoi vedere il widget delle foto di Instagram.
Recensioni
Contributi e sviluppo
“Last 9 Photos – WebComponent” รจ un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.
Collaboratori“Last 9 Photos – WebComponent” รจ stato tradotto in 1 lingua. Grazie ai traduttori per i loro contributi.
Traduci “Last 9 Photos – WebComponent” nella tua lingua.
Ti interessa lo sviluppo?
Esplora il codice segui il repository SVN, segui il log delle modifiche tramite RSS.
Changelog
v3.0.0-nightly (TBD)
- Feature: Fetch with instagram token/facebook open graph
- Refactor: move to typescript
v2.9.0 (March 04, 2021)
- API RATE LIMIT: Instagram added CORS to a public api
https://www.instagram.com/${this.options["username"]}/?__a=1
with?__a
get parameter and this widget stopped work. Current workaround: we use google images proxy - Security: Update
v2.8.0 (February 09, 2021)
- Fix: Can’t change default username #6
- Fix: localstorage with username as key (cache all usernames)
v2.7.1 (January 17, 2021)
- Feature: fetch from backup if get limit api request (from localStorage)
- Feature: loading spinner
- Feature: error fetch message
v2.6.1 (May 19, 2020)
- New: WordPress Plugin available on store.
v2.6.0 (May 18, 2020)
- Feature: Overwrite CSS Style with selector
::part
- New attribute: mouse-hover
- New attribute: show-title
- New attribute: shadows
- Fix: WordPress Plugin
v2.5.0 (May 04, 2020)
- Fix: now you can use multiple webcomponents in the same html page (#3)
- NOTE: better to use the full close tag
<instagram-widget></instagram-widget>
than short/>
v2.4.0 (May 02, 2020)
- New attribute:
force-square
- Feature: wordpress-plugin
v2.3.0 (May 01, 2020)
- Fix:
border-corners
andborder-spacing
now work withoutgrid
attribute. - Fix: NPM Module give errors with require/import
- Update: examples
v2.2.0 (April 30, 2020)
- Fix:
grid
now is more responsive (now usecalc()
function:100%
–spacing/padding/margin
) - Fix: default values now work (hello object reference my old dark friend)
v2.1.1 (April 28, 2020)
- New attribute: cache
- New attribute: border-corners
- New attribute: border-spacing
- Performance: now component send api request only if you change
username
- Fix: refresh attributes random don’t work
v2.0.0 (April 28, 2020)
- Removed “ptkdev-” prefix
- Module for Browserify/Webpack (run:
npm install @ptkdev/webcomponent-instagram-widget
) - Fix: Grid bug
- Installation guidelines: Browserify / Webpack / ReactJS / Angular / WordPress
v1.1.1 (April 27, 2020)
- Update CDN (New url!)
- Update build/dist
v1.1.0 (April 27, 2020)
- New attribute: items-limit
- New attribute: grid
- New attribute: image-width / image-height
v1.0.1 (April 26, 2020)
- Update CDN
v1.0.0 (April 26, 2020)
- First Release.