Featureliste mit Symbolen und Animationen aufbauen
Mit diesem Baustein zeigst du eine Liste von Vorteilen, Leistungen oder Eigenschaften – jedes Element mit eigenem Symbol, Text und optionaler Animation. Du kannst die Anordnung anpassen, einzelne Features duplizieren oder entfernen.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen.
So gehst du vor
Öffne den Bereich "Allgemein" oben im Fenster.
Gib unter "Bezeichnung (für Verlinkung)" einen Namen ein, unter dem du diesen Baustein später wiederfindest. Das Feld ist optional.
Wähle die Anordnung deinen Wünschen entsprechend:
- Aktiviere "Seiten wechseln", um Bild und Text links und rechts zu tauschen.
- Aktiviere "Features zentrieren", um die einzelnen Einträge in der Mitte auszurichten statt links.
Richte einen Button ein (optional):
- Trage unter "Button Text" die Beschriftung ein, die auf der Schaltfläche stehen soll.
- Wähle im Feld daneben einen Buttonstil aus.
- Klicke auf "Navigationsziel" und wähle eine interne oder externe Seite, auf die der Button führt.
Öffne den Bereich "Features" darunter.
Lade optional ein Bild hoch: Klicke auf das Bild-Feld links. Du kannst die Bildausschnittanpassung nutzen, um das Motiv zurechtzuschneiden.
Trage eine Überschrift und einen Untertitel ein:
- "Überschrift": Der Haupttitel des gesamten Blocks.
- "Kleiner Text": Ein erläuternder Text darunter.
Füge die einzelnen Vorteile oder Leistungen hinzu: Klicke am unteren Ende des Fensters auf "Feature hinzufügen". Ein neuer Eintrag erscheint mit der vordefinierten Bezeichnung "Neues Feature".
Bearbeite für jedes Feature:
- Text zentrieren: Aktiviere den Schalter, um den Text in der Mitte auszurichten.
- Symbol: Klicke auf das Icon-Feld und wähle ein Symbol aus der Bibliothek.
- Text: Schreibe die Beschreibung dieses Features.
- Animation: Wähle aus der Liste eine Animation (z. B. Einblendeffekt), oder lass das Feld leer für keine Animation.
Ändere die Reihenfolge der Features: Nutze die Pfeile in der Kopfzeile jedes Eintrags – nach oben oder unten verschieben.
Dupliziere Features: Klicke auf das Kopier-Symbol, um einen Eintrag zu verdoppeln. Das ist schneller, als einen ähnlichen Eintrag von Anfang an neu zu schreiben.
Lösche ein Feature: Klicke auf das Mülleimer-Symbol, um es zu entfernen.
Speichere deine Änderungen, indem du das Fenster schliesst oder die entsprechende Schaltfläche nutzt.
Aufbau des Fensters
Bereich "Allgemein"
- Bezeichnung (für Verlinkung): Ein Name, unter dem du den Block erkennst – dient der Organisation, wird auf der Website nicht angezeigt.
- Seiten wechseln: Tauscht die Position von Bild und Textbereich.
- Features zentrieren: Richtet alle Einträge zentriert aus.
- Button Text: Die Beschriftung des Buttons, falls du einen hinzufügen möchtest.
- Buttonstil: Farbe und Design der Schaltfläche.
- Navigationsziel: Die Seite oder der Link, auf den der Button führt.
Bereich "Features"
- Bild: Ein Foto oder eine Grafik für den ganzen Block.
- Überschrift: Der Haupttitel.
- Kleiner Text: Ein Untertitel oder eine Einleitung.
- Für jedes Feature:
- Text zentrieren: Schalter für die Ausrichtung.
- Symbol: Ein Icon aus der Font-Awesome-Bibliothek.
- Text: Die Beschreibung des Features (bis zu zwei Zeilen).
- Animation: Optionaler Eingangseffekt.
Was danach passiert
Deine Einstellungen werden gespeichert. Der Block zeigt auf deiner Website die Features in der gewählten Anordnung. Besucher sehen alle Symbole, Texte und den Button (falls vorhanden). Animationen laufen ab, sobald der Block in den sichtbaren Bereich scrollt.
Du kannst den Block jederzeit öffnen und bearbeiten – neue Features hinzufügen, bestehende ändern oder entfernen.
Tipps und Hinweise
- Symbol schnell finden: In der Icon-Auswahl kannst du nach Namen suchen (z. B. "check", "star", "heart").
- Text formatieren: In den Text-Feldern kannst du Fettdruck und Kursivschrift nutzen. Mehr Möglichkeiten findest du unter Markdown-Formatierung.
- Reihenfolge optimal nutzen: Ordne Features nach Wichtigkeit oder Häufigkeit – oben stehen die auffälligsten.
- Animation dosiert einsetzen: Eine Animation pro Block ist oft wirksamer als mehrere zugleich.