Titel mit Symbolen gestalten

Mit diesem Baustein stellst du mehrere Überschriften nebeneinander dar, jede mit einem eigenen Symbol und einer optionalen Animation. Das ist ideal für Abschnitte, in denen du Leistungen, Vorteile oder Etappen visuell voneinander abgrenzen möchtest.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen.

So gehst du vor

Öffne den Bereich Allgemein und passe das Erscheinungsbild nach deinen Wünschen an.
Klicke auf Icon Titles hinzufügen, um deine erste Überschrift mit Symbol zu erstellen. Du kannst bis zu vier Einträge hinzufügen.
Trage in das Feld Titel den Text ein, der über dem Symbol angezeigt wird. Du kannst hier auch Formatierungen nutzen, um den Text hervorzuheben.
Klicke auf das Feld neben dem Titel, um ein Symbol auszuwählen. Ein Fenster öffnet sich mit allen verfügbaren Icons – wähle das passende aus.
Im Feld Animation legst du fest, wie das Symbol beim Laden der Seite erscheinen soll. Wähle einen Effekt aus der Liste, oder belasse es auf Keine Animation, wenn das Symbol direkt sichtbar sein soll.
Wiederhole die Schritte 2 bis 5, um weitere Einträge hinzuzufügen.
Möchtest du einen Eintrag bearbeiten oder reorganisieren, nutze die Schaltflächen neben jedem Titel:
- Nach oben verschieben: Der Eintrag rückt eine Position nach links.
- Kopieren: Ein Duplikat wird direkt darunter eingefügt – nutze das, um ähnliche Einträge schneller zu erstellen.
- Entfernen: Der Eintrag wird gelöscht.
- Nach unten verschieben: Der Eintrag rückt eine Position nach rechts.
Klicke oben rechts auf Speichern, um deine Änderungen zu sichern.

Aufbau des Bausteins

Der Baustein besteht aus zwei Bereichen:

Allgemein: Hier stellst du das Gesamterscheinungsbild ein – etwa Farben, Abstände oder Schriftgrößen.

Icon Titles: Hier verwaltest du die einzelnen Einträge. Jeder Eintrag besteht aus:

Titel: Die Überschrift unter dem Symbol
Symbol: Das Icon, das oben angezeigt wird
Animation: Ein optionaler Bewegungseffekt beim Seitenladevorgang

Was danach passiert

Sobald du speicherst, werden deine Einträge auf der Website angezeigt – nebeneinander angeordnet und mit den Symbolen und Animationen, die du ausgewählt hast. Die Reihenfolge bestimmt, in welcher Abfolge die Symbole und Titel von links nach rechts angezeigt werden.

Weitere Bausteine für deine Website erstellst du unter Block auf einer Seite einrichten.

Tipps und Hinweise

Symbole wirken: Wähle Icons, die deine Inhalte aussagekräftig unterstreichen. Ein passendes Symbol wird schneller erfasst als Text.
Reihenfolge optimieren: Nutze die Pfeile, um die Einträge logisch anzuordnen – etwa nach Priorität oder zeitlicher Abfolge.
Animationen gezielt einsetzen: Effekte ziehen Aufmerksamkeit auf sich, können aber auch ablenken. Nutze sie sparsam und einheitlich.
Vier Einträge als Maximum: Das Limit sorgt dafür, dass die Überschriften auch auf kleineren Bildschirmen noch lesbar bleiben.