Das Plugin
Auf der Suche nach einem WordPress-Plugin, das es erlaubt Fotos aus der – mittlerweile allseits bekannten – iPhone App „Instagram“ anzuzeigen, musste ich leider enttäuscht werden. Keines der gefundenen Plugins konnte unseren Anforderungen gerecht werden, daher beschloss ich kurzer Hand selbst ein Plugin dafür zu entwickeln. Dieses Plugin unterstützt zur Zeit folgende Möglichkeiten:
- Darstellung des „Popular Media“ Feeds von Instagram
- Darstellung des Instagram Feeds eines Freundes
- Darstellung des eigenen Feeds
Bei der Plugin-Entwicklung haben wir speziell darauf geachtet, das Plugin anpassungsfähig zu gestalten. Die Widget-Einstellungen in der aktuellen Version erlauben eine Konfiguration der folgenden Werte:
- Anzahl der anzuzeigenden Bilder
- Größe der anzuzeigenden Bilder
- Inkludierung des Fancybox-Effekts
- Individueller HTML-Container
Installation
WICHTIG: Das Plugin setzt eine Installation der cURL-Erweiterung am Server, sowie einen vorhandenen Instagram-Account voraus.
Sind diese Voraussetzung erfüllt müssen folgende Schritte getätigt werden um das Plugin in Betrieb zu nehmen:
- Das Plugin >>hier downloaden<<
- Den entpackten Inhalt in das Verzeichnis wp-content/plugins der WordPress-Installation kopieren
- Im Backend (wp-admin) im Menüpunkt Plugins Instapress aktivieren
- Im Backend im Menüpunkt Einstellungen > Instapress die notwendigen Einstellungen vornehmen
Einbettung
Das Plugin bietet zwei verschiedene Möglichkeiten zur Einbettung: die Einbettung als WordPress-Widget oder die Einbettung innerhalb von Artikel und Seiten über einen Shortcode. Beide Varianten setzen eine vollständige Konfiguration unter Einstellungen > Instapress voraus!
Widget
Die Einbettung von Instapress als WordPress-Widget erfolgt wie üblich im Backend über den Menüpunkt Einstellungen > Widget. Dort kann das Widget im gewünschten Widget-Bereich hinzugefügt und anschließend konfiguriert werden.
Shortcode
Eine weitere Möglichkeit um Instapress in Seiten oder Artikel zu integrieren ist die Shortcode-Variante. Durch Hinzufügen folgender Zeile in einer Seite oder einem Artikel kann das Plugin implementiert werden:
[instapress]
Zusätzlich kann die Shortcode-Variante noch über die Parameter userid, size und piccount konfiguriert werden. Zum Beispiel zur Darstellung von 15 Bildern in der Größe 85×85 px:
[instapress size=“85″ piccount=“15″]
Demo
Eine Demo des Plugins haben wir hier installiert.
Du willst mit jemanden über das Thema plaudern?
Einen kostenlosen Termin mit CEO Susanne vereinbaren!
Automatische Accessibility Audits – Wie wir mit unserem A11y-Testing-Tool Barrieren aufspüren
Barrierefreiheit im Web ist längst kein Nice-to-have mehr, sondern eine Notwendigkeit. Nicht nur, weil Gesetze wie die EU-Richtlinie 2016/2102 oder der kommende European Accessibility Act es vorschreiben, sondern auch, weil eine barrierefreie Webseite mehr Nutzer:innen erreicht und die UX verbessert. Doch manuelle Audits sind zeitaufwendig. Um Accessibility-Probleme effizient zu identifizieren, haben wir ein leistungsfähiges A11y-Check-Tool entwickelt – basierend auf Nuxt 3, Puppeteer und Axe-Core mithilfe der AI-unterstützten IDE Cursor.
Jetzt lesen
UX SNACKS Episode #2 mit Markus Pirker
In Episode 2 hat Susanne Markus, CEO von Userbrain & Host UX Heroes Podcast zu Gast.Markus teilt seine Erfahrungen aus über 15 Jahren im UX-Bereich und erklärt, warum User-Testing mit echten Menschen noch immer unersetzlich ist, wie man [...]
Jetzt anhören