Einen Zeitstrahl auf einer Seite einrichten

Ein Zeitstrahl zeigt Ereignisse, Meilensteine oder Stationen in zeitlicher Reihenfolge. Du kannst ihn mit einzelnen Daten und Beschreibungen füllen oder als animierte Story mit Zeitpunkten gestalten.

Voraussetzungen

Keine besonderen Voraussetzungen.

Aufbau des Zeitstrahls

Der Zeitstrahl hat zwei Ansichten, je nachdem welche Art du nutzen möchtest:

Einfache Variante (Allgemein + Einträge): Du gibst eine Überschrift an und fügst einzelne Ereignisse mit Datum, Titel und Beschreibung hinzu. Jeder Eintrag kann eine Animation haben.

Story-Variante (Allgemein + Zeitpunkte): Du stellst einen Titel, Untertitel und eine Farbvariante ein. Dann definierst du Zeitpunkte mit Uhrzeit, Symbol und ausführlichem Text – diese Variante eignet sich für Abläufe oder Prozessschritte.

So gehst du vor

Einfachen Zeitstrahl mit Ereignissen erstellen

1. Trage in das Feld Überschrift einen Titel für deinen Zeitstrahl ein.

2. Klicke auf Eintrag hinzufügen, um das erste Ereignis zu erstellen.

3. Fülle für jeden Eintrag folgende Felder aus:

   • Datum: das Ereignisdatum oder -jahr
   • Titel: eine kurze Bezeichnung des Ereignisses
   • Beschreibung: eine ausführliche Erklärung (optional)
   • Animation: wähle eine Animationsart aus der Liste, oder Keine Animation, um den Eintrag statisch anzuzeigen (optional)

4. Füge weitere Einträge hinzu, indem du erneut Eintrag hinzufügen klickst.

5. Sortiere die Einträge mit den Pfeilen Nach oben verschieben und Nach unten verschieben.

6. Dupliziere einen Eintrag mit Kopieren, um Zeit zu sparen.

7. Lösche einen Eintrag mit Entfernen, wenn er nicht mehr gebraucht wird.

8. Speichere deine Änderungen mit der grünen Schaltfläche Speichern.

Story-Zeitstrahl mit Zeitpunkten erstellen

1. Stelle in Allgemein folgende Eigenschaften ein:

   • Farbvariante: wähle ein Farbschema aus (optional)
   • Eyebrow: ein Text über dem Titel, z.B. ein Kategoriename (optional)
   • Titel (Markdown): die Hauptüberschrift
   • Untertitel: ein erklärender Text unter dem Titel (optional)

2. Klicke unter Zeitpunkte auf Zeitpunkt hinzufügen.

3. Fülle für jeden Zeitpunkt folgende Felder aus:

   • Zeit: die Uhrzeit oder Dauer in Format HH:MM
   • Label: eine Kurzbezeichnung (wird neben der Zeit angezeigt)
   • Icon-Feld: klicke, um ein Symbol zu wählen (optional)
   • Farbton: wähle eine Farbe aus der Liste (optional)
   • KPI-Chip: eine Kennzahl oder ein Kurztext neben dem Zeitpunkt (optional)
   • Titel: die Überschrift dieses Zeitpunkts
   • Text: die ausführliche Beschreibung

4. Füge weitere Zeitpunkte hinzu, bis dein Ablauf vollständig ist.

5. Ordne die Zeitpunkte mit Nach oben verschieben und Nach unten verschieben.

6. Entferne einen Zeitpunkt mit Entfernen.

7. Speichere deine Änderungen mit der grünen Schaltfläche Speichern.

Was danach passiert

Der Zeitstrahl wird sofort in der Vorschau angezeigt. Wenn du auf Speichern klickst, werden alle Einträge oder Zeitpunkte gespeichert und sind auf der Website sichtbar.

Du kannst den Zeitstrahl jederzeit bearbeiten: Öffne den Block erneut, ändere die Texte, sortiere die Einträge neu oder lösche sie – alle Änderungen werden nach dem Speichern übernommen.

Tipps und Hinweise

• Markdown-Felder: In den Feldern Überschrift, Titel und Beschreibung kannst du Markdown-Formatierung nutzen – z.B. für Fettdruck oder Links.

• Reihenfolge beim Speichern: Jeder Klick auf einen Eintrag oder Zeitpunkt speichert diesen bereits. Nutze die Pfeile-Schaltflächen, um die gewünschte Reihenfolge herzustellen, bevor du den gesamten Block speicherst.

• Animationen nur in einfacher Variante: Die Animationsauswahl gibt es nur beim klassischen Zeitstrahl mit Einträgen. Die Story-Variante hat keine Animationsoptionen.

• Symbol und Farbton in der Story: Mit Icon und Farbton kannst du jeden Zeitpunkt visuell unterscheiden – nutze das, um unterschiedliche Phasen oder Ereignistypen zu kennzeichnen.