hallowebsite Block Carousel

Überblick

hallowebsite Block Carousel macht aus ganz normalen Gutenberg- oder Kadence-Blöcken ein schlankes, touch-freundliches Karussell – ganz ohne speziellen Slider-Block. Eine Klasse an einem Listen-Block oder einem übergeordneten Gruppen-Block genügt, und die Einträge werden zu Slides mit Pfeilen, Punkten, Ziehen und Scroll-Snapping. Deine Inhalte bleiben im Block-Editor voll bearbeitbar. Das Plugin schreibt dein Markup nie um und klont nichts.

Funktionen

• Zwei Auslöser: carousel-list (jedes <li> ist ein Slide) und carousel-group (jede Kind-Gruppe ist ein Slide).
• Vor-/Zurück-Pfeile, Punkte, natives Touch-Scrollen, Ziehen mit der Maus und Scroll-Snapping.
• Responsive Spalten pro Karussell per Klasse (Desktop 1–6, Tablet 1–4, Mobil 1–2).
• Autoplay global oder pro Karussell. Pausiert bei Hover, Fokus und inaktivem Tab und respektiert reduzierte Bewegung.
• Optionale Endlosschleife und optionale Navigation per Mausrad.
• Carousel Slide Link: macht einen ganzen Slide klickbar, Buttons darin funktionieren weiter.
• DOM-sicher: kein Umschreiben per innerHTML, keine geklonten Slides.

Listen-Karussell

1. Einen Listen-Block auswählen → Erweitert → Zusätzliche CSS-Klasse(n).
2. carousel-list eintragen.

<ul class="wp-block-list carousel-list carousel-d4 carousel-t2 carousel-m1">
  <li>Slide 1</li>
  <li>Slide 2</li>
</ul>

Gruppen-Karussell

1. Einen übergeordneten Gruppen-Block anlegen, darin pro Slide einen Kind-Gruppen-Block.
2. Nur der übergeordneten Gruppe die Klasse carousel-group geben.

<div class="wp-block-group carousel-group carousel-d3 carousel-t2 carousel-m1">
  <div class="wp-block-group">Inhalt Slide 1</div>
  <div class="wp-block-group">Inhalt Slide 2</div>
</div>

Klassen-Referenz

Klasse	Wirkung
carousel-d1 … carousel-d6	Sichtbare Slides auf dem Desktop
carousel-t1 … carousel-t4	Sichtbare Slides auf dem Tablet
carousel-m1 … carousel-m2	Sichtbare Slides auf dem Smartphone
carousel-autoplay	Autoplay alle 5 Sekunden
carousel-autoplay-N	Autoplay alle N Sekunden (1–60)

Einstellungen

Unter Einstellungen → HalloWebsite Carousel: Spalten (Desktop/Tablet/Mobil), Abstand in px, Bewegung pro Klick (1, 2, 3 oder alle sichtbaren), Endlosschleife, Scrollen per Mausrad sowie globales Autoplay mit Intervall und Animationsgeschwindigkeit. Klassen am Karussell überschreiben immer die globalen Standards.

Fehlerbehebung

• Es passiert nichts: Prüfen, ob die Klasse am <ul> bzw. an der übergeordneten Gruppe sitzt.
• Slides werden nicht gefunden: Die Slides müssen direkte Kind-Gruppen-Blöcke sein, keine losen Absätze oder Bilder.

Changed:
- Rebranding: neuer Name „hallowebsite Block Carousel“, Autor hallowebsite, Plugin-URI https://hallowebsite.de/plugins/block-carousel/
- Keine funktionalen Änderungen.