Mit dem Listenblock können Sie symbolbasierte Listen erstellen, um Funktionen, Vorteile oder beliebige Elemente auf Ihrer Seite hervorzuheben. Jedes Listenelement kombiniert ein anpassbares Symbol mit Rich Text, sodass Sie die vollständige Kontrolle über die Darstellung Ihrer Inhalte haben.
Ganz gleich, ob Sie Produktmerkmale präsentieren, wichtige Punkte zusammenfassen oder eine Vergleichsliste erstellen möchten – mit dem Listenblock können Sie ganz einfach visuell ansprechende Listen erstellen, die zu Ihrer Marke passen – ganz ohne Programmierkenntnisse.
Hinzufügen des Listenblocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Listenblock zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter „Design“ > „Blöcke“ den Block „Liste“ per Drag & Drop in den gewünschten Abschnitt Ihrer Seite.
Schritt 2: Inhaltseinstellungen konfigurieren
Klicken Sie nach dem Hinzufügen auf den Listenblock, um dessen Einstellungen zu öffnen. Erstellen Sie auf der Registerkarte „Inhalt“ Ihre Listenelemente und konfigurieren Sie das allgemeine Erscheinungsbild.
Liste:
- Elemente: Jedes Listenelement verfügt über ein Symbol und ein Textfeld. Klicken Sie auf ein Element, um dessen Einstellungen zu erweitern und den Text zu bearbeiten (mithilfe des Rich-Text-Editors für Fettdruck, Kursivschrift, Links und mehr) und wählen Sie ein Symbol mithilfe der Symbolauswahl aus. Sie können Elemente per Drag & Drop neu anordnen, duplizieren oder löschen.
- Neues Element hinzufügen: Klicken Sie auf diese Schaltfläche, um Ihrer Liste ein weiteres Element hinzuzufügen.
- Symbolfarbe: Legen Sie die Farbe fest, die auf alle Symbole in der Liste angewendet wird.
- Schriftgröße: Steuern Sie die Textgröße für alle Listenelemente von 10px bis 72px.
- Abstand zwischen: Passen Sie den Abstand zwischen Listenelementen an. Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.
- Ausrichtung: Legen Sie die horizontale Ausrichtung der Liste fest – links, mittig oder rechts. Unterstützt die Ausrichtung pro Gerät.
Schritt 3: Design anpassen
Auf der Registerkarte „Erweitert“ können Sie das Erscheinungsbild Ihres Listenblocks anpassen.
Stile:
- Listenlayout: Wählen Sie zwischen vertikal (Elemente übereinander gestapelt) oder horizontal (Elemente nebeneinander in einer Reihe angezeigt).
- Typografie: Passen Sie die Schriftart, Schriftstärke, Schriftgröße, Zeilenhöhe, Zeichenabstand und Textumwandlung für Ihren Listentext an.
- Textfarbe: Legen Sie die Farbe des Textes der Listenelemente fest.
- Textschatten: Fügen Sie Ihrem Listentext einen Schatten hinzu. Wählen Sie zwischen „Keine“, „Haarfein“, „Klein“, „Mittel“, „Groß“, „X Groß“ oder „2X Groß“.
Abstand:
- Rand: Steuert den äußeren Abstand um Ihren Listenblock herum (oben, rechts, unten, links).
- Abstand: Passen Sie den inneren Abstand innerhalb Ihres Listenblocks an (oben, rechts, unten, links). Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Listenblock an, die von SeedProd automatisch für benutzerdefiniertes Styling oder JavaScript-Targeting erstellt wurde.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um bestimmte Stile aus Ihrem Theme oder benutzerdefiniertem CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie beliebige HTML-Attribute zum Listen-Wrapper-Element hinzu. Geben Sie jedes Attribut in einer neuen Zeile im folgenden Format ein: Attributname|Wert.
Geräte-Sichtbarkeit:
- Auf dem Desktop ausblenden: Blendet den Listenblock auf Desktop-Bildschirmen aus.
- Auf Tablet ausblenden: Blendet den Listenblock auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Blendet den Listenblock auf Mobilgeräten aus.
Animationseffekte:
- Eingangsanimation: Wählen Sie einen Animationseffekt aus, der abgespielt wird, wenn der Listenblock in den Blickbereich scrollt, z. B. „Hüpfen“, „Einblenden“, „Vergrößern“, „Eindrehen“ und viele mehr.
Schritt 4: Speichern Sie Ihre Änderungen
Wenn Sie die Konfiguration des Listenblocks und die Anpassung seines Erscheinungsbilds abgeschlossen haben, speichern Sie Ihre Arbeit.
Sie haben erfolgreich einen Listenblock zu Ihrer Seite hinzugefügt! Der Listenblock ist eine vielseitige Möglichkeit, Funktionen, Vorteile oder beliebige Punkte in einem optisch ansprechenden Format darzustellen. Experimentieren Sie mit verschiedenen Symbolen, Layouts, Farben und Schriftarten, um eine Liste zu erstellen, die perfekt zu Ihrer Seite passt.