Kennzahlen und Laufband gestalten

Mit dieser Aufgabe stellst du zwei Inhaltsblöcke zusammen: einen Bereich mit farblich hervorgehobenen Kennzahlen (Kacheln) und ein Laufband, das Texte automatisch durchscrollt. Beide Blöcke gehören oft zusammen auf einer Seite und lassen sich hier gemeinsam konfigurieren.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen.

Aufbau der Bearbeitungsfläche

Auf der rechten Seite siehst du die Einstellungen für zwei Blöcke untereinander:

Oben: Kennzahlen-Kacheln

• Der Bereich "Allgemein" enthält die Farbvariante, eine Kopfzeile (Eyebrow) und einen Titel für alle Kacheln
• Der Bereich "Kacheln" listet alle Kennzahlen auf, die du bereits angelegt hast – jede mit Wert, Beschriftung, Untertitel und Farbton
• Der Bereich "Badges" zeigt kleine Symbol-Text-Kombinationen an, die zusätzlich angebracht werden können

Unten: Laufband

• Der Bereich "Allgemein" enthält die Farbvariante und ein Label, das vor dem Laufband steht
• Der Bereich "Einträge" listet alle Texte auf, die im Laufband hintereinander durchscrollt werden

So gehst du vor

Kennzahlen-Kacheln einrichten

1. Wähle in dem Auswahlfeld "Farbvariante" ein Design, das zum Look deiner Website passt.

2. Gib in "Eyebrow" einen kurzen Kopftext ein, der über den Kacheln steht (optional – er wird mit Markdown formatiert).

3. Gib in "Titel (Markdown)" eine Überschrift ein, die die Kennzahlen einleitet.

4. Erstelle deine erste Kachel:

   • Klicke Kachel hinzufügen unter "Kacheln"
   • Wert: Trag die Zahl oder Kennzahl ein
   • Label: Kurze Beschriftung für diese Kennzahl
   • Untertitel: Erläuternde Information unter der Kennzahl (mit Markdown formatierbar)
   • Farbton: Wähle die Farbe für diese Kachel

5. Füge weitere Kacheln hinzu und ordne sie:

   • Mit den Pfeilen Nach oben verschieben und Nach unten verschieben bestimmst du die Reihenfolge
   • Mit Entfernen löschst du eine Kachel

6. Optional: Ergänze Badges (kleine Symbol-Text-Paare):

   • Klicke Badge hinzufügen unter "Badges"
   • Wähle ein Symbol aus dem Icon-Picker
   • Gib den Text ein (mit Markdown formatierbar)
   • Wiederhole für weitere Badges oder lösche sie mit Entfernen

Laufband einrichten

7. Wähle die Farbvariante für das Laufband aus.

8. Gib in Label vor dem Laufband einen Text ein, der links neben dem scrollenden Bereich angezeigt wird.

9. Erstelle deine Einträge:

   • Klicke Eintrag hinzufügen unter "Einträge"
   • Gib einen Text ein, der im Laufband erscheinen soll
   • Füge weitere Einträge hinzu oder lösche sie mit Entfernen

10. Klicke oben rechts Speichern, um alle Änderungen zu sichern.

Was danach passiert

Beide Blöcke sind jetzt mit deinen Inhalten gefüllt und werden auf der Seite angezeigt – die Kennzahlen als farbige Kacheln mit der gewählten Ordnung und optional mit Badges, das Laufband mit den Texten, die automatisch durchscrollt werden. Beide folgen der gewählten Farbvariante und passen sich optisch zusammen ein.

Du kannst jederzeit zurückkommen und einzelne Kacheln, Badges oder Laufband-Einträge anpassen, neu anordnen oder löschen. Alle Änderungen speicherst du wieder über die Schaltfläche Speichern.

Tipps und Hinweise

• Markdown nutzen: Die Felder Eyebrow, Titel, Untertitel und Badge-Text unterstützen Markdown – damit kannst du Texte fett, kursiv oder verlinkt darstellen.
• Reihenfolge ist wichtig: Die Kacheln erscheinen in der Reihenfolge, die du festlegst. Ordne sie so, dass sie die beste Wirkung haben.
• Farbton pro Kachel: Jede Kennzahl kann eine andere Farbe haben – nutze das, um Unterschiede visuell zu betonen oder ein bestimmtes Muster zu schaffen.
• Laufband-Texte: Je kürzer die Einträge im Laufband, desto flüssiger wirkt die Animation. Lange Texte erscheinen gehackt.