Zeitstrahl auf einer Seite einrichten

Du kannst einen Zeitstrahl auf deiner Website einfügen, um Meilensteine, Ereignisse oder zeitliche Abläufe darzustellen. Es gibt zwei Varianten: einen klassischen Zeitstrahl mit einzelnen Einträgen oder eine erzählende Timeline mit Zeitpunkten und Audiodaten.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen.

So gehst du vor

Klassischer Zeitstrahl

1. Gib unter Überschrift einen Titel für deinen Zeitstrahl ein – etwa „Unser Werdegang" oder „Projektschritte".

2. Öffne den Bereich Einträge und klicke Eintrag hinzufügen, um einen neuen Eintrag zu erstellen.

3. Fülle die Felder des Eintrags aus:

   • Datum: Trage das Jahr oder das Datum ein, unter dem dieser Punkt erscheinen soll.
   • Titel: Gib eine Überschrift für den Eintrag ein.
   • Beschreibung: Schreibe einen erklärenden Text (optional). Du kannst hier Formatierungen wie Fettdruck verwenden – siehe dazu Formatierung mit Markdown.
   • Animation: Wähle aus der Liste eine Animationsart aus, die den Eintrag beim Laden der Seite hervorhebt – oder belasse es bei „Keine Animation".

4. Wiederhole Schritt 2 und 3 für jeden weiteren Eintrag.

5. Um die Reihenfolge zu ändern, nutze die Pfeile neben einem Eintrag: Der Pfeil nach unten verschiebt ihn eine Position weiter unten, der Pfeil nach oben eine Position höher. Der oberste Eintrag kann nicht weiter nach oben, der unterste nicht weiter nach unten verschoben werden.

6. Um einen Eintrag zu duplizieren, klicke das Kopier-Symbol – ein neuer, identischer Eintrag wird direkt darunter eingefügt. Du kannst ihn anschließend anpassen.

7. Um einen Eintrag zu löschen, klicke das Papierkorb-Symbol.

Erzählender Zeitstrahl (TimelineStory)

Nutze diese Variante, um einen Ablauf mit Zeitangaben, Symbolen und Hervorhebungen zu erzählen – ideal für Prozessdarstellungen oder Reportagen.

1. Stelle unter Allgemein die Erscheinung ein:

   • Farbvariante: Wähle eine Farbzusammenstellung für die Darstellung.
   • Eyebrow: Ein optionaler kurzer Text über dem Titel (etwa eine Kategorie).
   • Titel: Der Haupttitel für die gesamte Timeline.
   • Untertitel: Ein zusätzlicher Text unter dem Titel.

2. Öffne den Bereich Zeitpunkte und klicke Zeitpunkt hinzufügen, um einen neuen Eintrag zu erstellen.

3. Fülle die Felder aus:

   • Zeit: Trage die Zeitangabe ein – etwa „00:00", „10:30" oder ein anderes Format nach deinem Bedarf.
   • Label: Ein kurzer Text neben der Zeitangabe.
   • Symbol: Wähle ein Icon aus, das neben der Zeit angezeigt wird.
   • Farbton: Bestimme die Farbe des Symbols und seiner Umgebung.
   • KPI-Chip: Ein optionales Kürzel oder eine Zahl, die als Hervorhebung neben dem Eintrag erscheint – etwa „5 Tage" oder „100 %".
   • Titel: Die Überschrift des Zeitpunkts.
   • Text: Eine ausführlichere Beschreibung. Hier ist Formatierung möglich.

4. Wiederhole Schritt 2 und 3 für jeden weiteren Zeitpunkt.

5. Ändere die Reihenfolge mit den Pfeilen: Der Pfeil nach unten rückt einen Zeitpunkt weiter nach unten, der Pfeil nach oben weiter nach oben.

6. Um einen Zeitpunkt zu löschen, klicke das Papierkorb-Symbol.

Aufbau des Zeitstrahls

Allgemein (klassischer Zeitstrahl)

• Überschrift: Der Titel des Zeitstrahls. Sichtbar für Besucher.

Einträge

• Jeder Eintrag besteht aus Datum, Titel, Beschreibung und optionaler Animation.
• Die Reihenfolge der Einträge wird von oben nach unten von links nach rechts angezeigt.

Allgemein (erzählender Zeitstrahl)

• Farbvariante: Bestimmt die gesamte Farbgebung.
• Eyebrow, Titel, Untertitel: Texte, die oberhalb der Zeitpunkte stehen.

Zeitpunkte

• Jeder Zeitpunkt verbindet eine Zeit mit einem visuellen Symbol, einem Farbton und erklärendem Text.
• Die Reihenfolge wird von oben nach unten dargestellt – sinnvoll für chronologische Abläufe.

Was danach passiert

Sobald du einen Eintrag hinzufügst, änderst oder löschst, wird die Änderung sofort gespeichert. Der Zeitstrahl erscheint auf deiner Website in der Reihenfolge, die du festgelegt hast.

Um den Zeitstrahl auf einer Seite einzufügen, nutze Block auf einer Seite einrichten (Blockkatalog).

Tipps und Hinweise

• Der klassische Zeitstrahl eignet sich gut für Jahrestabellen und Entwicklungsschritte; die erzählende Variante für detaillierte Prozesse mit genauen Zeitangaben.
• Halte die Texte prägnant – lange Beschreibungen erschweren das Lesen auf Mobilgeräten.
• Nutze die Animationen sparsam, um Besucher nicht zu überfordern.
• Das Symbol in der erzählenden Variante sollte zum Inhalt passen – verwende durchgehend einen konsistenten Stil.