Wir haben den Marquee-Effekt aktualisiert, um seine Funktionalität für Elemente zu erweitern. Das bietet dir mehr Möglichkeiten, deinem Layout eine professionelle, dynamische Note zu verleihen.
Der Marquee-Effekt ist eine kontinuierlich scrollende Animation, mit der Elemente in einer Endlosschleife sanft über deine Seite gleiten können. Er ist ideal, um Kundenlogos, Testimonials oder andere Vertrauenselemente hervorzuheben und sicherzustellen, dass sie durch fließende Bewegungen die Aufmerksamkeit deiner Besucher auf sich ziehen.
🎬 Am Ende des Artikels findest du unsere aktuelle Videoanleitung!
Marquee hinzufügen
Die Einrichtung eines Marquees beginnt mit der Auswahl des richtigen Abschnittstyps und der Umstellung des Layouts.
Schritt 1: Einen neuen Abschnitt hinzufügen
Klicke auf Abschnitt hinzufügen und navigiere im linken Menü zu Entwürfen. Wähle einen passenden Entwurf aus und klicke darauf, um ihn deiner Seite hinzuzufügen.
Schritt 2: Layout-Einstellungen öffnen
Fahre mit der Maus über den Abschnitt. Auf der linken Seite erscheint ein Bedienfeld. Klicke auf das Layout-Symbol (das ganz rechte Symbol in diesem Bedienfeld), um die Einstellungen zu öffnen.
Schritt 3: Marquee auswählen
Klicke in den Einstellungen auf den aktuellen Layout-Typ (der standardmäßig meist auf "Spalten" eingestellt ist) und wähle Marquee aus dem Dropdown-Menü.
Die Struktur anpassen
Sobald das Marquee aktiv ist, kannst du festlegen, wie viele Elemente angezeigt werden und wie groß sie sind.
Schritt 1: Kästchen hinzufügen
Fahre mit der Maus über den Abschnitt, um den Button "Neu hinzufügen" darunter anzuzeigen. Klicke darauf, um so viele Boxen hinzuzufügen, wie du benötigst.
📌 Hinweis: Du kannst sofort damit beginnen, Elemente (wie Bilder oder Text) zu deinen Spalten hinzuzufügen, um direkt zu sehen, wie sie in Bewegung aussehen.
Schritt 2: Spaltenanzahl bearbeiten
Dies bestimmt, wie viele vollständige Kästchen gleichzeitig auf dem Bildschirm sichtbar sind (zwischen 2 und 6). Um dies anzupassen, öffne die Layout-Einstellungen, suche den Bereich Spalten und wähle deine gewünschte Anzahl.
Schritt 3: Breite des Kästchens festlegen
Anstatt dass jedes Kästchen die gleiche Größe hat, kannst du die Breite einzelner Kästchen mithilfe eines rasterbasierten Systems anpassen. Standardmäßig ist jedes Kästchen 1x1 groß. Fahre mit der Maus über ein Kästchen, bis du den 1x1-Button in seinem spezifischen Bedienfeld siehst. Klicke darauf, um auszuwählen, ob sich das Kästchen über mehrere Einheiten (2x, 3x usw.) erstrecken soll. Die maximal verfügbare Breite hängt von der im vorherigen Schritt festgelegten Gesamtspaltenanzahl ab.
Verfeinerung der Animation und Bewegung
In den Layout-Einstellungen findest du weitere Einstellungen für das Marquee. Schauen wir uns die wichtigsten Komponenten einmal an.
Geschwindigkeit: Wähle eine Geschwindigkeit zwischen 0 und 4.
Richtung: Standardmäßig bewegt sich das Marquee von links nach rechts. Aktiviere diese Option, um deine Elemente in die andere Richtung laufen zu lassen.
Fade-Effekt: Dies erzeugt einen weichen Verlauf auf der linken und rechten Seite des Abschnitts. Dadurch werden Elemente scheinbar "eingeblendet" und "ausgeblendet", anstatt abrupt abgeschnitten zu werden.
Pausieren beim Hover: Wenn dies aktiviert ist, stoppt die Animation, sobald ein Besucher mit der Maus über das Marquee fährt. So können bestimmte Inhalte in Ruhe genauer betrachtet werden.
Den Rahmen gestalten
Du kannst das Marquee als eine zusammenhängende Einheit gestalten oder jedem Kästchen einen eigenen, unverwechselbaren Look verleihen.
Globaler Marquee-Rahmen
Um den gesamten Scrollbereich mit einem Rahmen zu umgeben, öffne die Layout-Einstellungen, wechsle zum Tab Design (das "Pinsel"-Symbol) und wähle zwischen ausgefüllten, umrandeten oder transparenten Rahmen.
Du kannst hier auch einen globalen Hintergrund mit einer Farbe, einem Verlauf, einem Bild oder sogar einem Video festlegen. Diese Option ist beim ausgefüllten Rahmen verfügbar.
Einzelner Kästchen-Rahmen
Um ein bestimmtes Kästchen hervorzuheben, fahre mit der Maus über das einzelne Kästchen, um das Bedienfeld anzuzeigen. Klicke auf das Pinsel-Symbol (Design), um speziell auf diesen Kästchen einen einzigartigen Rahmen oder Hintergrund anzuwenden.
Video-Tutorial
Für einen besseren Überblick über den Ablauf kannst du dir auch unser Video-Tutorial unten ansehen:
Bitte schau dir auch das Video unten an, in dem alle unsere neuesten Design-Elemente vorgestellt werden.
Häufig gestellte Fragen (FAQ)
Kann ich verschiedene Elemente in einem Marquee mischen?
Kann ich verschiedene Elemente in einem Marquee mischen?
Absolut! Du kannst Text, Bilder, Buttons, Icons oder jedes andere Element genauso in den Marquee-Boxen platzieren wie in einer Standardspalte.
Gibt es ein Limit, wie viele Boxen ich hinzufügen kann?
Gibt es ein Limit, wie viele Boxen ich hinzufügen kann?
Es gibt kein festes Limit, aber wir empfehlen, es in einem vernünftigen Rahmen zu halten, um eine reibungslose Performance und die beste Nutzererfahrung zu gewährleisten.
💡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. 🙂