Die Idee
Viele Inhalte.
Ein klarer Rahmen.
Referenzen, Bildstrecken oder Videos brauchen Platz. Ein Karussell zeigt sie nacheinander und lässt Besucher einzelne Medien in einer Lightbox öffnen.
LU Carousel Slider liest dafür einen festgelegten Medienordner aus. Sie konfigurieren die Darstellung in WordPress und binden die Galerie per Shortcode ein. Für individuell aufgebaute Inhaltsbereiche gibt es zusätzlich eine Integration über CSS-Klassen.
Funktionen
Was der WordPress
Carousel Slider leistet.
Von der Mediendatei bis zur Darstellung.
Direkt in Ihrer WordPress-Website.
Ein Ordner wird zur Galerie.
Das Plugin erkennt unterstützte Dateien in einem gewählten Upload-Unterordner und erstellt daraus die Slides. Die Reihenfolge richtet sich nach dem Dateinamen oder wird zufällig gewählt.
Bewegung nach Ihren Vorgaben.
Klassisches Karussell oder kontinuierliche Laufschrift: Legen Sie fest, wie Besucher Ihre Inhalte durchlaufen. Pfeile, Seitennavigation und automatischer Wechsel sind konfigurierbar.
Medien im Mittelpunkt.
Die zuschaltbare Lightbox öffnet Bilder und spielt lokale Videos ab. Ein Bild mit gleichem Dateistamm kann als Videoposter dienen – etwa projekt.jpg für projekt.mp4.
Einstellen. Code übernehmen.
Im WordPress-Adminbereich wählen Sie Ordner, Höhe und Verhalten. Der Shortcode-Generator gibt den passenden Code aus, den Sie auf Ihrer Seite einfügen.
Jedes Medium mit Kontext.
Im Bereich „Media Data“ pflegen Sie Titel, Alt-Text und Ziel-URL pro unterstütztem Rasterbild beziehungsweise Videoeintrag. Ein hinterlegter Link hat Vorrang vor der Lightbox.
Vorschaubilder wiederverwenden.
Rasterbilder erhalten nach Möglichkeit eine WebP-Vorschau in der eingestellten Höhe. Vorhandene Vorschaubilder werden wiederverwendet und lassen sich im Backend neu berechnen.
Der Ablauf
Vom Medienordner
auf Ihre Website.
01
Medien bereitstellen
Bilder und Videos in einem Unterordner von wp-content/uploads/lu-carousel-slider/ ablegen. Für eigene Videoposter identische Dateistämme verwenden.
02
Darstellung wählen
Unter „Luna Universe → Carousel Slider“ den Ordner wählen, Höhe und Verhalten festlegen und den Shortcode erzeugen. Bei Bedarf Metadaten ergänzen.
03
Galerie einbinden
Den Shortcode in einen WordPress-Bereich einfügen, der Shortcodes verarbeitet. Beim Seitenaufruf liest das Plugin die Dateien aus und erzeugt die Galerie.
Unter der Oberfläche
Die passende
Technik dahinter.
Das Plugin verbindet ein Karussell mit einer vergrößerten Medienansicht und Video-Wiedergabe. Die dafür verwendeten Frontend-Bibliotheken sind im Plugin enthalten.
WORDPRESS
Auch eigene Inhalte können sliden.
Entwickler können bestehende Container über die vorgesehenen CSS-Klassen als Slider oder Laufschrift anbinden. Dafür sind eine eindeutige ID und passend ausgezeichnete Slides nötig; eigene Pfeile lassen sich über die ID-Suffixe -prev und -next zuordnen.
SERVER
Was die Installation voraussetzt.
Der Code verwendet Funktionen ab PHP 8.0. WordPress und ein beschreibbarer Plugin-Upload-Ordner werden benötigt. WebP-Vorschaubilder setzen passende Imagick- oder GD-Unterstützung voraus. Bei fehlgeschlagener Bildkonvertierung wird das Originalbild verwendet.
OPTIONALER DIENST
Videovorschauen automatisch erzeugen.
Für Videos ohne eigenes Poster kann das Plugin die ersten fünf Sekunden als animierte WebP-Vorschau erstellen lassen. Dazu überträgt es die Videodatei an einen externen Videodienst. Erforderlich sind ein API-Schlüssel, PHP-cURL und ausgehende Serververbindungen.
DATEN & BETRIEB
Lokal verwaltet. Gezielt angebunden.
Medien und Vorschaubilder liegen im WordPress-Upload-Verzeichnis. Titel, Alt-Texte und Links werden in einer eigenen Datenbanktabelle gespeichert; CSS und der optionale API-Schlüssel in WordPress-Optionen.
Im Einsatz bei Sodah
Ein Baustein für
individuelle Websites.
Sodah entwickelt LU Carousel Slider für die Darstellung visueller Inhalte in WordPress-Projekten.
Ein konkretes Beispiel finden Sie auf unserer Seite zu LU Index Now: Dort zeigt das Karussell Screenshots aus dem Plugin. Die passende Konfiguration richtet sich nach den Medien, dem Layout und der Bedienung Ihrer Website.
Sie möchten eine Referenzgalerie, eine Bildstrecke oder lokale Videos einbinden? Besprechen Sie den Einsatz mit uns im Rahmen Ihres Website-Projekts.
Inhalt
Fragen Sie Ihre KI nach Sodah Webdesign
Verlassen Sie sich nicht nur auf unser Wort. Fragen Sie Ihre bevorzugte KI, was sie über Sodah Webdesign denkt.
Wählen Sie den klugen Weg
Wir arbeiten direkt mit Geschäftsführern, Marketingverantwortlichen und Projektleitern zusammen. Dabei integrieren wir uns in bestehende Abläufe und übernehmen die technische sowie inhaltliche Umsetzung der anstehenden Aufgaben.
