Zeitstrahl einrichten

Du fügst einen Zeitstrahl auf einer Seite ein, um Ereignisse oder Entwicklungen chronologisch darzustellen. Je nach Anwendung kannst du zwischen zwei Layouts wählen: einem einfachen Zeitstrahl mit Einträgen oder einer zeitgebundenen Story mit markierten Zeitpunkten.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Du benötigst Schreibzugriff auf die Seite, auf der du den Zeitstrahl einfügst.

So gehst du vor

Nachdem du einen Zeitstrahl-Block auf deine Seite eingefügt hast, öffnet sich der Bearbeitungsbereich mit verschiedenen Einstellmöglichkeiten. Die genaue Struktur hängt davon ab, ob du einen einfachen Zeitstrahl oder eine Zeitleisten-Story bearbeitest.

Einfacher Zeitstrahl

1. Überschrift eintragen: Im Bereich Allgemein schreibst du unter Überschrift einen Titel für deinen Zeitstrahl – etwa eine kurze Beschreibung, was die folgenden Ereignisse zeigen.

2. Einen Eintrag hinzufügen: Scrolle zum Bereich Einträge und klicke auf Eintrag hinzufügen. Ein neuer Eintrag erscheint in der Liste.

3. Eintrag ausfüllen:

   • Datum: Trage das Datum oder Jahr ein, unter dem dieser Punkt auf der Zeitachse angezeigt wird.
   • Titel: Schreib einen kurzen Titel für das Ereignis. Du kannst Markdown verwenden, um Text hervorzuheben.
   • Beschreibung: Ergänze bei Bedarf weitere Details in der Beschreibung.
   • Animation: Wähle aus dem Auswahlfeld eine Animation, um den Eintrag beim Laden der Seite hervorzuheben. Wenn du keine Animation brauchst, wähle Keine Animation.

4. Weitere Einträge: Wiederhole Schritt 2 und 3, bis alle Ereignisse erfasst sind.

5. Reihenfolge anpassen: Markiere einen Eintrag und nutze die Pfeile oben rechts:

   • Nach oben verschieben: Der Eintrag rückt eine Position nach oben in der Liste.
   • Nach unten verschieben: Der Eintrag rückt eine Position nach unten.

6. Eintrag duplizieren: Klicke auf das Kopier-Symbol, um einen Eintrag zu verdoppeln. Das ist praktisch, wenn zwei Ereignisse ähnliche Strukturen haben – du sparst dir die erneute Eingabe.

7. Eintrag löschen: Klicke auf das Müll-Symbol, um einen Eintrag aus der Liste zu entfernen.

Zeitleisten-Story (zeitgebunden)

Dieses Layout zeigt Ereignisse mit exakten Zeitangaben, etwa für eine Produktentwicklung oder einen Projektablauf.

1. Grundeinstellungen: Im Bereich Allgemein konfigurierst du das Erscheinungsbild:

   • Farbvariante: Wähle aus dem Auswahlfeld eine Farbschema – etwa Blau, Grün oder Rot – um die Zeitleiste optisch anzupassen.
   • Eyebrow: Ergänze optional einen kurzen Eyebrow-Text (etwa eine Kategorie oder einen Hinweis). Dieses Feld ist optional.
   • Titel (Markdown): Schreib hier die Hauptüberschrift der Story. Du kannst Markdown verwenden.
   • Untertitel: Ergänze einen erklärenden Untertitel, falls nötig.

2. Einen Zeitpunkt hinzufügen: Scrolle zum Bereich Zeitpunkte und klicke auf Zeitpunkt hinzufügen. Ein neuer Eintrag erscheint.

3. Zeitpunkt ausfüllen:

   • Zeit: Gib eine Zeitangabe ein, etwa 00:00, 12:30 oder eine andere Notation, unter der der Punkt auf der Zeitleiste erscheinen soll.
   • Label: Schreib ein kurzes Label für diesen Zeitpunkt.
   • Icon: Klicke auf das Feld, um ein Symbol auszuwählen, das diesen Punkt visuelle kennzeichnet.
   • Farbton: Wähle aus dem Auswahlfeld einen Farbton (etwa erfolg, warnung, fehler) um den Punkt zu farbigen.
   • KPI-Chip: Falls dieser Zeitpunkt eine Kennzahl darstellen soll, trags die Zahl oder einen kurzen Wert ein. Das Feld ist optional.
   • Titel: Gib einen aussagekräftigen Titel für diesen Punkt ein.
   • Text: Beschreib hier, was zu diesem Zeitpunkt geschah oder wichtig ist. Du kannst Markdown verwenden.

4. Weitere Zeitpunkte: Wiederhole Schritt 2 und 3 für alle Ereignisse in deiner Story.

5. Reihenfolge anpassen: Nutze die Pfeile oben rechts an jedem Zeitpunkt:

   • Nach oben verschieben: Der Punkt rückt in der Zeitleiste eine Position nach oben.
   • Nach unten verschieben: Der Punkt rückt eine Position nach unten.

6. Zeitpunkt löschen: Klicke auf das Müll-Symbol, um einen Zeitpunkt zu entfernen.

Aufbau des Bearbeitungsfensters

Der Bearbeitungsbereich ist in logische Abschnitte unterteilt:

• Allgemein: Hier stellst du übergeordnete Einstellungen wie Überschrift, Farbvariante oder Beschreibungstexte ein.
• Einträge (bei einfachem Zeitstrahl) oder Zeitpunkte (bei Story): Hier verwaltesten du alle einzelnen Punkte auf der Zeitachse. Jeder Punkt ist ein eigener Abschnitt, den du auf- und zuklappenst kannst.

Jeder Eintrag oder Zeitpunkt zeigt oben sein Label – bei Einträgen der Titel, bei Zeitpunkten die Kombination aus Zeit und Titel. Das macht es leicht, die richtige Stelle zum Bearbeiten zu finden.

Was danach passiert

Sobald du die Änderungen vorgenommen hast, werden sie automatisch gespeichert. Der Zeitstrahl erscheint auf deiner Website und wird Besuchern die Ereignisse in der Reihenfolge angezeigt, in der du sie angeordnet hast.

Falls du mehrere Bausteine auf einer Seite verwenden möchtest, sieh dir Block auf einer Seite einrichten (Blockkatalog) an – dort lernst du, wie du weitere Blöcke hinzufügst.

Tipps und Hinweise

• Für Einträge ohne genaue Daten: Wenn du bei einem Eintrag nur ein Jahr oder eine Jahreszeit hast, trags das einfach so ein. Es wird genau wie eingegeben angezeigt.
• Markdown nutzen: In den Feldern Titel und Beschreibung kannst du Textformatierung verwenden – zum Beispiel fett, kursiv oder Links. Schaue dir Markdown an, wenn du mehr Formate brauchst.
• Animation sparsam einsetzen: Nicht jeden Eintrag mit einer Animation versehen – das lenkt ab. Wähle eine Animation nur für die wichtigsten Momente.
• Zeit-Format bei der Story: Die Zeit sollte einheitlich sein, etwa durchweg im Format HH:MM oder durchweg als Minutenangaben. Das macht die Zeitleiste konsistent.
• Löschen nicht rückgängig zu machen: Wenn du einen Eintrag oder Zeitpunkt gelöscht hast, lässt sich das nicht mehr rückgängig machen. Dupliziere daher einen Eintrag, bevor du Änderungen vornimmst, falls du später zu einer früheren Version zurückkehren möchtest.