Social Media
WordPress Plugin · kostenfrei
Zeigt Ihren Instagram-Feed und optional Reels als responsives Kachel-Raster auf der Website. Anbindung über die Instagram Graph API mit Facebook-OAuth – Tokens bleiben auf Ihrem Server.
Lightbox: Vollbild-Ansicht mit Karussell, fixem Bild, Thumbnail-Leiste und scrollbarem Caption-Bereich (Text läuft nur über das Bild). Feed-Vorschau: Bei Mehrfachbildern wechseln sichtbare Kacheln die Bilder mit Crossfade – versetzt gestartet, sparsam vorgeladen.
Im WordPress-Backend: Verbindung, Cache, Custom CSS (zentrierte Captions, dezente Toolbar, ausblendbare Zähler). Plugin-Ordner: DIRSCHL Social Media.
Shortcodes
[dirschl_social_media type="reels" per_page="12"][dirschl_social_media]Installation (Schritt für Schritt)
- ZIP 1.0.122 herunterladen (rechte Spalte)
- WordPress: Plugins → Installieren → Plugin hochladen
- Plugin DIRSCHL Social Media aktivieren
- Menü Social Media – Meta App ID & App Secret, Login-Konfiguration
- Mit Facebook verbinden und Instagram-Konto wählen
- Shortcode einfügen, z. B.
[dirschl_social_media]
Automatische Updates
Neue Versionen unter Dashboard → Updates, sobald Release auf dirschl.com liegt.
Download & Installation
Version 1.0.122 – ZIP enthält nur Plugin-Code (keine gespeicherten Tokens oder Zugangsdaten).
dirschl-social-media-1.0.122.zip herunterladen
Vorgänger (falls nötig):
Funktionen
- Feed & Reels – Shortcodes mit Spalten, Abstand und Lazy Load
- Lightbox – Bild max. ⅔ Viewport-Höhe, Karussell, Klick auf Bild = nächstes Bild
- Caption-Scroll – Text startet unter Thumbnails, scrollt über das Bild
- Feed-Karussell-Vorschau – sichtbare Galerie-Kacheln wechseln alle 5 s (Crossfade, versetzt)
- OAuth – Facebook Login, Page Token, mehrere Konten
- Performance – Feed-Cache, Carousel-Frames lazy per AJAX, Token-Pflege per Cron
- Custom CSS – Tab im Backend (Caption, Toolbar, Zähler ausblendbar)
- Onboarding – geführte Meta-Einrichtung im Admin
Lightbox & Galerie im Feed
Die Lightbox nutzt eine eigene Vollbild-Schicht (kein natives Video-Fullscreen). Toolbar mit SVG-Icons (ohne Button-Hintergrund per Standard-CSS). Post-Zähler und Bild-Zähler sind per Custom CSS standardmäßig ausgeblendet – einblendbar und positionierbar.
Im Feed-Raster: Kanalname, Datum und Bildanzahl nur bei Hover; bei Karussell-Posts sanfter Bildwechsel nach 3 s Sichtbarkeit, Wechsel alle 5 s, nächstes Bild wird 3 s vorher vorgeladen – nur für sichtbare Kacheln.
Letzte Änderungen
- 1.0.122 – Feed-Crossfade, Lightbox-Layout, Custom-CSS-Defaults, Produktseite
- 1.0.100+ – DIRSCHL Social Media Rebrand, Graph API v21, Accounts-Registry
Konfiguration
- Verbindung – App ID, Secret, Login configuration ID, OAuth-Redirect
- Feed – Beiträge pro Seite, Cache-Dauer, Konto-Slug
- CSS – eigenes Styling für Feed und Lightbox
- WP-CLI –
wp dirschl-sm diagnosefür Verbindungstest