Beschreibung: Dieses Tool ermöglicht das Erstellen, Anpassen und Verwalten dynamischer Karussells (Slider), die aus mehreren visuellen Elementen bestehen und ideal für die Präsentation von hervorgehobenen Inhalten auf der Website sind.
Wozu dient es? (Praktische Beispiele)
Verwenden Sie das Karussell-Modul, um:
- Einen Begrüßungsbereich auf der Startseite zu erstellen, der automatisch zwischen verschiedenen Aktionen oder Schlüsselbotschaften wechselt.
- Eine Galerie von Bildern oder Videos mit einzigartigen Hintergrundeffekten und überlagertem Text zu präsentieren.
- Komplexe Inhalte in einer kontrollierten visuellen Reihenfolge zu organisieren, wie eine geführte Präsentation oder ein Portfolio.
Hauptfunktionen
Das Modul bietet eine granulare Kontrolle sowohl über die allgemeinen Einstellungen des Karussells als auch über die Anpassung jeder einzelnen Folie.
- Zentrale Verwaltung: Schnelle Übersicht aller erstellten Karussells mit sofortiger Anzeige, ob sie aktiv oder auf der Website verborgen sind.
- Slide-Struktur: Das Karussell besteht aus separaten Tabs, von denen jeder eine einzelne Folie darstellt.
- Erweiterter visueller Editor: Jede Folie enthält einen Bereich zum Einfügen von Text, Bildern und anderen komplexen grafischen Elementen, verwaltet über einen dedizierten visuellen Editor.
- Multimediale Hintergründe: Unterstützung für die Verwendung von Hintergrundbildern (mit getrennten Optionen für Desktop und Mobilgeräte) oder Videos (von externen Plattformen wie YouTube/Vimeo oder MP4-Dateien).
- Overlay-Effekte: Möglichkeit, Farben, Verläufe und Transparenzstufen über den Hintergrund zu legen, um die Lesbarkeit des Inhalts zu verbessern.
Wie wird es konfiguriert
Die Konfiguration ist in zwei Bereiche unterteilt: allgemeine Einstellungen des Karussells und spezifische Einstellungen jeder einzelnen Folie.
1. Allgemeine Einstellungen des Karussells
Diese Optionen definieren das Verhalten und das Gesamtbild des Karussells.
| Option | Beschreibung |
|---|---|
| Slider-Titel | Interner Name zur Identifikation des Karussells im Verwaltungsbereich. |
| Auf der Website sichtbar | Aktivierungs-/Deaktivierungsstatus des Karussells. |
| Slider-Höhe | Definiert die Gesamthöhe des Karussells durch Angabe eines numerischen Werts und der Maßeinheit (Pixel, vh, vw). |
| Autoplay | Zeit in Sekunden, nach der die Folie automatisch zur nächsten wechselt. |
| Loop | Wenn aktiviert, beginnt das Karussell nach der letzten Folie wieder von vorne. |
| Pfeile | Zeigt Navigationsschaltflächen für manuelles Durchblättern der Folien an. |
| Zufällige Reihenfolge | Die Folien werden bei jedem Laden der Seite in unterschiedlicher Reihenfolge angezeigt. |
2. Einstellungen jeder einzelnen Folie
Jede Folie (über einen Tab verwaltet) kann individuell angepasst werden.
Inhalt und Titel
- Foliensatz-Titel: Interner Name der Folie (hilfreich für die Organisation).
- Inhalt: Hauptbereich zum Einfügen von Text und visuellen Elementen der Folie mithilfe des Editors.
Hintergrund (Bilder)
Dieser Abschnitt steuert das visuelle Erscheinungsbild des Hintergrunds mittels Bildern.
| Option | Beschreibung |
|---|---|
| Bild Desktop/Mobil | Ermöglicht das Hochladen spezifischer Bilder für große und kleine Bildschirme. |
| Größe | Definiert, wie sich das Bild an den Bereich anpasst (z.B. cover für vollständiges Abdecken). |
| Wiederholung | Bestimmt, ob das Bild horizontal, vertikal oder gar nicht wiederholt wird. |
| Position | Ausrichtung des Hintergrundbildes (z.B. Mitte, oben links usw.). |
| Anhang | Legt fest, ob das Bild mit der Seite scrollt oder fixiert bleibt (fixed). |
Hintergrund (Video)
Ermöglicht die Nutzung eines Videos als Hintergrund.
| Option | Beschreibung |
|---|---|
| Hintergrundvideo | Geben Sie die URL des Videos ein (unterstützt direkte MP4-Dateilinks oder Links von Plattformen wie Vimeo/YouTube). |
| Am Ende des Videos | Legt fest, was passiert, wenn das Video endet (weiter abspielen in Schleife, verbergen, auf dem letzten Frame stoppen). |
| Anzeigen auf | Ermöglicht das Verbergen des Videos auf bestimmten Geräten (Desktop, Tablet, Mobilgerät). |
Overlay
Diese Optionen wenden einen farbigen oder verlaufenden Filter über den Hintergrund an.
| Option | Beschreibung |
|---|---|
| Verlauf | Wendet einen Farbverlauf auf den Hintergrund an. |
| Farbe | Wendet eine einheitliche Farbe auf den Hintergrund an. |
| Deckkraft | Definiert die Transparenz des angewendeten Verlaufs/Farbe (von 0 bis 100%). |
Automatische Integrationen
Nach dem Speichern stehen die Karussells sofort zur Einbindung in jede beliebige Seite Ihrer Website bereit. Das System verwaltet automatisch:
- Mehrsprachige Anzeige: Wenn Ihr System mehrere Sprachen unterstützt, wird der Textinhalt der Folien für jede konfigurierte Sprache separat verwaltet und gespeichert.
- Anpassungsfähigkeit: Die Hintergrundeinstellungen (Desktop-/Mobilbilder) und Sichtbarkeit der Videos stellen sicher, dass sich das Karussell korrekt an alle Gerätetypen anpasst.
