weboffice.digital - Dokumentation
Branche Beauty Branche Gastro Branche Handel
PDF

Eine Feature-Liste gestalten

Eine Feature-Liste gestalten

Ansicht dieser Seite

Mit einer Feature-Liste zeigst du Vorteile, Leistungen oder Besonderheiten übersichtlich nebeneinander. Jedes Feature besteht aus einem Symbol, einer Überschrift und einem kurzen Text. Du kannst beliebig viele Features hinzufügen, umsortieren und mit Animationen versehen.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Du kannst eine Feature-Liste auf jeder Seite deiner Website einrichten.

Aufbau der Feature-Liste

Die Bearbeitungsseite ist in zwei Bereiche unterteilt:

Allgemein: Hier stellst du das Layout ein – ob die Features und der Text links oder rechts ausgerichtet sein sollen, und ob oben eine Schaltfläche mit Verlinkung erscheinen soll. Die Bezeichnung für Verlinkung wird intern verwendet, damit du diesen Abschnitt später über einen Link ansteuern kannst.

Features: In diesem Bereich fügst du die einzelnen Einträge hinzu und bearbeitest sie. Darunter findest du Bild, Überschrift und Beschreibungstext für den gesamten Block.

So gehst du vor

  1. Bereichsbezeichnung eintragen
    Gib im Feld Bezeichnung (für Verlinkung) ein Wort ein, unter dem dieser Bereich später erreichbar sein soll. Dieses Feld ist optional.

  2. Layout wählen
    Aktiviere oder deaktiviere die Umschalter:

    • Seiten wechseln: Vertauscht die Anordnung von Bild und Text
    • Features zentrieren: Richtet die Features in der Mitte aus statt linksbündig
  3. Schaltfläche einrichten (optional)

    • Trage einen Text ein im Feld Button Text
    • Wähle das Aussehen über das daneben stehende Auswahlfeld (verschiedene Farben und Stile stehen zur Verfügung)
    • Bestimme das Ziel über Navigationsziel: Das kann eine andere Seite deiner Website oder eine externe URL sein
  4. Überschrift und Einleitungstext des Blocks schreiben
    Unter dem Bereich Features trägst du in die Felder Überschrift und Kleiner Text ein, was über der Feature-Liste angezeigt werden soll. Das Feld Überschrift erwartet eine Zeile, Kleiner Text nimmt mehrere Zeilen auf.

  5. Erstes Feature hinzufügen
    Klicke am Ende der Seite auf die Schaltfläche Feature hinzufügen.

  6. Feature bearbeiten
    Für jedes neue Feature siehst du einen Bearbeitungsbereich:

    • Symbol: Klicke auf das Feld, um ein Icon aus einer Sammlung auszuwählen
    • Text: Schreibe hier die Beschreibung des Features
    • Text zentrieren: Aktiviere dies, wenn der Text unter dem Symbol zentriert erscheinen soll
    • Animation: Wähle einen Effekt aus der Liste, der das Feature anzeigt, wenn die Seite geladen wird. Ohne Auswahl erfolgt keine Animation
  7. Weitere Features hinzufügen
    Klicke erneut auf Feature hinzufügen, um mehr Einträge zu erstellen. Wiederhole Schritt 6 für jedes neue Feature.

  8. Features verwalten
    Für jedes Feature siehst du am oberen Rand vier kleine Schaltflächen:

    • Pfeil nach unten: Verschiebt das Feature eine Position nach unten
    • Kopieren: Erstellt ein Duplikat des Features (nützlich, wenn viele ähnlich aufgebaut sind)
    • Löschen (Papierkorb): Entfernt das Feature
    • Pfeil nach oben: Verschiebt das Feature eine Position nach oben
  9. Speichern
    Klicke oben rechts auf Speichern, um deine Änderungen zu sichern.

Was danach passiert

Die Feature-Liste wird auf der Website angezeigt. Die Reihenfolge der Features entspricht der Reihenfolge in dieser Bearbeitungsseite. Wenn du eine Schaltfläche eingerichtet hast, wird sie oberhalb der Features sichtbar.

Alle Einstellungen lassen sich nachträglich ändern – von Layout und Animationen bis zu den einzelnen Texten und Symbolen. Gelöschte Features können nicht wiederhergestellt werden.

Tipps und Hinweise

  • Symbole finden: Die Icon-Auswahl bietet Hunderte von Symbolen. Nutze das Suchfeld, um schneller das passende zu finden.
  • Längere Texte: Das Feld Kleiner Text akzeptiert Markdown-Formatierung, damit du Text fett, kursiv oder unterstrichen darstellen kannst.
  • Kopieren sparen Zeit: Wenn mehrere Features ähnlich aufgebaut sind, kopiere das erste und ändere dann nur noch den Text und das Symbol.
  • Animation dosieren: Animationen wirken professionell, können aber ablenkend wirken – nutze sie sparsam und einheitlich für mehrere Features.

Suche