Ein Slider ist ideal, um Inhalte wie Texte, Bilder, Videos, Logos oder Bewertungen ansprechend darzustellen und mehrere Inhalte auf kleinem Raum zu präsentieren.
Nachfolgend zeigen wir dir Schritt für Schritt, wie du einen Slider erstellst und anschließend bearbeitest.
Schritt 1: Neuen Abschnitt hinzufügen
Füge einen leeren Abschnitt auf deiner Seite hinzu, in dem der Slider platziert werden soll. Klicke dazu auf das blaue +‑Symbol, öffne im linken Reiter "Entwürfe" und füge den leeren Abschnitt ein.
Schritt 2: Abschnitt-Layout ändern
Ändere das Layout des leeren Abschnitts zu "Schieberegler", damit die Slider-Funktionen verfügbar sind. Klicke dafür einfach auf das Spalten-Icon und wähle dort Schieberegler aus.
Schritt 3: Elemente hinzufügen
Füge die gewünschten Elemente in den Slider ein, zum Beispiel:
Texte
Bilder
Icons
Videos
Logos
Bewertungen
Social Media
Du kannst auch mehrere Elemente in einer Spalte hinzufügen.
Wenn du neue Spalten hinzufügen möchtest, klicke auf den blauen Button "Neu hinzufügen" so oft, bis die gewünschte Anzahl an Spalten erreicht ist.
Füge nun die gewünschten Elemente in den weiteren Spalten auf die gleiche Weise wie in der ersten Spalte hinzu. Passe dabei Texte, Bilder oder andere Inhalte nach Belieben an, je nachdem, welche Elemente du eingefügt hast.
Schritt 4: Spalten bearbeiten
Für jede Spalte kannst du außerdem folgende Einstellungen vornehmen:
Umrandet oder ausgefüllt
Zentrierung der Elemente
Textfarbe
Zusätzlich bei Rahmen: Rahmenfarbe + Eckenradius
Zusätzlich bei ausgefüllt: Hintergrundfarbe + Eckenradius
Du kannst auch die Breite jeder Spalte festlegen. So kann zum Beispiel eine Spalte schmal (zum Beispiel 1 Einheit) und eine andere breiter (2-3 Einheiten) dargestellt werden.
Schritt 5: Slider-Einstellungen für den gesamten Abschnitt bearbeiten
Wiedergabe: Du kannst Autoplay ein- oder ausschalten beziehungsweise die Dauer zwischen den Slides festlegen (3-15 Sekunden) und einstellen, ob die Slides einzeln oder alle abgespielt werden sollen.
Navigationspfeile: Du kannst Rahmen, Größe, Abstand, Position, Farbe und den Eckenradius nach Belieben anpassen.
📌 Hinweis: Navigationspfeile werden nur auf Desktop-Geräten angezeigt. Auf Mobilgeräten werden sie aufgrund des begrenzten Platzes nicht dargestellt.
Seitennummerierung:
Klicke auf "+ Slider-Eigenschaft hinzufügen" und wähle "Paginierung".
Stil auswählen: Du hast 6 verschiedene Stile der Seitennummerierung zur Auswahl, zum Beispiel Punkte, Balken oder Formen wie 1/4. Wähle einfach den Stil aus, der dir am besten gefällt.
Anpassung: Je nach gewähltem Stil kannst du Größe, Abstand, Breite, Farbe, Zentrierung und Eckenradius individuell festlegen.
Schleife: Optional kannst du die Schleife aktivieren, indem du auf "+ Slider-Eigenschaft hinzufügen" klickst und "Schleife (endlos)" wählst. Eine Schleife sorgt dafür, dass nach der letzten Slide automatisch wieder die erste Slide angezeigt wird.
Folienübergang: Wenn du einen Folienübergang wünschst, klicke auf "+ Slider-Eigenschaft hinzufügen" → "Folienübergang". Du hast drei Optionen:
Fade (Ein-/Ausblenden): Die alte Folie verschwindet langsam, die neue erscheint sanft, ohne Bewegung oder Größenänderung. Einfach ein weicher, eleganter Übergang.
Fade & Scale (Ein-/Ausblenden mit Skalierung): Die neue Folie wird beim Einblenden minimal vergrößert, während die alte verschwindet.
Individuelle Inaktiv-Einstellungen: Nicht aktive Folien können kleiner und transparenter angezeigt werden (zum Beispiel 50 % Größe, 50 % Deckkraft). 100 bedeutet "kein Effekt", niedrigere Werte verstärken ihn.
Spalten-Einstellungen:
Anzahl der Spalten nebeneinander festlegen (max. 6 gleichzeitig)
Abstand und Zentrierung zwischen den Spalten festlegen
📌 Hinweis: Die Anzahl der Spalten gilt nur für Desktop. Auf Mobilgeräten wird automatisch nur eine Spalte angezeigt, mehrere Spalten nebeneinander sind mobil technisch nicht möglich.
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂