manifest / editor / ud-carousel-block

UD Block: Carousel

WordPress-Carousel-Block auf Basis von Swiper.js für flexible, responsive Slider mit Navigation, Pagination und optionalem Autoplay – vollständig kompatibel mit Full Site Editing.

by ulrich.digital gmbh · github.com/ulrich-digital/ud-carousel-block

★ 0stars

0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/ulrich-digital/ud-carousel-block/archive/refs/heads/main.zip

Readme github.com/ulrich-digital/ud-carousel-block ↗

Der Carousel Block präsentiert frei aufgebaute Gutenberg-Inhalte als responsive, navigierbare Slides. Die Frontend-Ausgabe basiert auf Swiper.js und lässt sich über die Block-Einstellungen gezielt auf Inhalt, Gestaltung und Bildschirmbreite abstimmen.

Funktionen

Frei aufgebaute Slides mit Bildern, Texten und weiteren Gutenberg-Blöcken
Responsive Frontend-Ausgabe mit Swiper.js
Navigation, Pagination, Autoplay und Loop individuell steuerbar
Anpassbare Anzahl sichtbarer Slides, Abstände und Übergangsgeschwindigkeit
Eigene Navigationspfeile über Upload oder Mediathek wählbar; der linke Pfeil wird automatisch gespiegelt
Individuelle Pfeilbreite direkt im Editor einstellbar
Responsive Breakpoints für unterschiedliche Bildschirmbreiten konfigurierbar
Autoplay pausiert beim Überfahren des Carousels
Innerer Block ud/slide-block für die einzelnen Slides
Getrennte Editor- und Frontend-Skripte
Kompatibel mit Full Site Editing (FSE)

Screenshots

Frontend-Ansicht des Carousel Blocks mit drei Stimmen von Lernenden Frontend-Ansicht mit Navigation, Pagination und drei gleichzeitig sichtbaren Slides.

Carousel Block im WordPress-Editor mit geöffneten Block-Einstellungen Editor-Ansicht mit Einstellungen für die sichtbaren Slides, Übergangsgeschwindigkeit, Loop, Navigation und Autoplay.

Einblicke in die Umsetzung

Der Beitrag gibt Einblick in die entwickelte Lösung und ihre Funktionsweise. Das Projekt zeigt den konkreten Einsatz.

Mehr zur Lösung: Bilder und Inhalte in WordPress dynamisch präsentieren
Einblick ins Projekt: Bildung durchdacht vernetzt

Autor

ulrich.digital gmbh

Lizenz

Dieses Projekt steht unter der ulrich.digital Nutzungslizenz 1.0.

Die unveränderte Software darf in eigenen und kommerziellen Projekten eingesetzt werden. Auf jeder öffentlich erreichbaren Website oder Anwendung muss ulrich.digital gmbh im Impressum, in einem Credits-Bereich oder auf einer vergleichbaren Informationsseite genannt werden. Verkauf, eigenständige Weitergabe, Unterlizenzierung und Änderungen bedürfen der vorherigen schriftlichen Zustimmung von ulrich.digital gmbh.

Komponenten Dritter behalten ihre jeweiligen Lizenz- und Nutzungsbedingungen.