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

Kennzahlen und Laufband einrichten

Kennzahlen und Laufband einrichten

Ansicht dieser Seite

Du gestaltest damit zwei unterschiedliche Seitenelemente: oben eine Kennzahlen-Anzeige mit farbigen Kacheln und darunter ein sich bewegendes Laufband mit Einträgen. Beide Elemente sind optional und können zusammen oder einzeln auf einer Seite verwendet werden.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Du bearbeitest diese Elemente direkt in der Seiten-Bearbeitung als Teil eines Blocks.

Aufbau des Fensters

Rechts neben der Seitenvorschau siehst du mehrere ausklappbare Bereiche: Allgemein mit grundlegenden Einstellungen zur Kennzahlen-Anzeige, dann Kacheln für einzelne Kennzahlen und Badges für zusätzliche Symbole mit Text. Darunter folgt ein weiterer Allgemein-Bereich für das Laufband und ein Einträge-Bereich für die darin angezeigten Texte.

So gehst du vor

Kennzahlen-Anzeige einrichten

  1. Klappe den ersten Allgemein-Bereich auf.

  2. Wähle im Feld Farbvariante eine Farbe aus dem Auswahlfeld – das bestimmt das Aussehen aller Elemente.

  3. Schreibe einen kurzen Text ins Feld Eyebrow – das ist eine kleine Zeile über der Hauptanzeige (optional).

  4. Trage im Feld Titel (Markdown) die Überschrift für diesen Bereich ein. Du kannst hier Markdown-Formatierung verwenden.

  5. Klappe den Bereich Kacheln auf. Jede Kachel zeigt eine Kennzahl an.

  6. Klicke auf Kachel hinzufügen, um eine neue Kachel zu erstellen.

  7. In der neu erschienenen Kachel füllst du aus:

    • Wert: Die Zahl oder der Wert, den du anzeigen möchtest
    • Label: Die Beschreibung dazu
    • Untertitel: Ein erklärend Text unter dem Label (optional, Markdown möglich)
    • Farbton: Die Farbe dieser einzelnen Kachel – wähle aus dem Auswahlfeld
  8. Wiederhole Schritt 6–7 für jede weitere Kennzahl.

  9. Um die Reihenfolge zu ändern, nutze die Pfeile Nach oben und Nach unten neben jeder Kachel.

  10. Um eine Kachel zu löschen, klicke auf das Papierkorb-Symbol.

Badges (Symbole mit Text) hinzufügen

  1. Klappe den Bereich Badges auf – diese erscheinen über den Kacheln.

  2. Klicke auf Badge hinzufügen.

  3. Wähle ein Symbol aus dem Feld links – klick darauf, um einen Symbol-Picker zu öffnen.

  4. Schreibe im Feld Text daneben, was das Symbol bedeutet. Markdown-Formatierung ist möglich.

  5. Wiederhole Schritte 2–4 für weitere Badges.

  6. Um ein Badge zu löschen, klicke auf das Papierkorb-Symbol.

Laufband einrichten

  1. Scrolle nach unten im rechten Bereich oder klappe den zweiten Allgemein-Bereich auf.

  2. Wähle die Farbvariante für das Laufband aus dem Auswahlfeld.

  3. Trage im Feld Label vor dem Laufband einen Text ein, der links neben den laufenden Einträgen steht (optional).

  4. Klappe den Bereich Einträge auf.

  5. Klicke auf Eintrag hinzufügen, um einen neuen Eintrag zu erstellen.

  6. Trage im Feld Eintrag den Text ein, der im Laufband wandern soll.

  7. Wiederhole Schritte 5–6 für alle weiteren Einträge. Sie erscheinen in der Reihenfolge, in der du sie hinzufügst.

  8. Um einen Eintrag zu ändern, klicke ins Textfeld und bearbeite ihn.

  9. Um einen Eintrag zu löschen, klicke auf das Papierkorb-Symbol daneben.

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

Was danach passiert

Beide Elemente werden auf der Seite sofort sichtbar – die Kennzahlen-Anzeige oben, das Laufband darunter. Die Kacheln sind farbig, die Einträge im Laufband bewegen sich kontinuierlich. Du kannst die Elemente jederzeit bearbeiten oder die ganze Seite veröffentlichen.

Tipps und Hinweise

  • Werte bearbeiten: Du kannst jede Kachel und jeden Eintrag nachträglich ändern – einfach auf den Text klicken und anpassen.
  • Reihenfolge der Kacheln: Nutze die Pfeile, um Kacheln zu verschieben. Die Reihenfolge wirkt sich auf die Darstellung aus.
  • Farbtöne: Der Farbton einer Kachel muss zum Farbschema der Seite passen – teste verschiedene Kombinationen.
  • Laufband-Text: Je kürzer die Einträge, desto flüssiger wirkt das Laufband. Lange Texte können abgehackt wirken.
  • Markdown im Titel: Wenn du Fett, Kursiv oder Links brauchst, nutze Markdown-Syntax.

Suche