Du baust einen Zeitstrahl in deine Website ein, um Meilensteine, Ereignisse oder historische Abläufe visuell darzustellen. Je nach Inhalt kannst du zwischen zwei Layouts wählen: eine klassische Zeitleiste mit Daten und Beschreibungen oder eine detaillierte Story mit Zeitpunkten und Symbolen.
Voraussetzungen
Deine Website muss bereits angelegt sein und du bearbeitest gerade einen Abschnitt, in dem du einen Block einfügst. Siehe Block auf einer Seite einrichten (Blockkatalog).
So gehst du vor
Grundinformationen eintragen
- Trage unter Kleine Überschrift einen kurzen, optionalen Vorspann ein.
- Gib unter Überschrift den Titel des Zeitstrahls ein.
- Füge unter Einleitung einen erklärenden Text hinzu – dieser wird über dem Strahl angezeigt.
Einträge oder Zeitpunkte hinzufügen
Je nachdem, welches Layout deine Website nutzt, befüllst du entweder die Einträge oder die Zeitpunkte:
Für die klassische Zeitleiste:
- Wähle Eintrag hinzufügen (oder nutze die Schaltfläche am Ende der Liste).
- Trage für den neuen Eintrag folgende Informationen ein:
- Bild: Lade ein Bild hoch oder beschneide es mit dem Seitenverhältnis 16:9 (optional).
- Datum: Schreibe das Datum, z. B. eine Jahreszahl oder ein genaues Datum wie „12. Oktober 2026".
- Titel: Gib eine kurze Überschrift ein.
- Text: Schreibe eine Beschreibung zum Eintrag.
- Animation des Eintrags (falls bereits gespeichert): Wähle eine optionale Animation aus.
Wiederhole Schritt 4–5 für alle weiteren Einträge.
Für die Story-Zeitleiste:
- Wähle Zeitpunkt hinzufügen.
- Trage für den neuen Zeitpunkt folgende Informationen ein:
- Zeit: Gib einen Zeitstempel ein, z. B. „09:00" oder „14:30".
- Beschriftung: Ein kurzes Label für den Zeitpunkt (optional).
- Titel: Eine Überschrift für diesen Moment.
- Text: Die Beschreibung des Ereignisses.
- Symbol: Wähle ein Icon aus – ein Klick öffnet die Symbol-Auswahl.
- Kennzahl: Trage optional eine Metrik ein, z. B. eine Besucherzahl oder einen Umsatz.
- Farbton (falls bereits gespeichert): Ändere die Farbe des Zeitpunktes.
Wiederhole Schritt 4–5 für alle weiteren Zeitpunkte.
Reihenfolge anpassen und verwalten
- Zum Verschieben eines Eintrags oder Zeitpunktes: Nutze die Pfeile nach oben und unten in der rechten Spalte oder ziehe ihn direkt an die neue Position.
- Zum Duplizieren (nur bei klassischem Zeitstrahl): Klicke auf das Duplikat-Symbol neben dem Eintrag.
- Zum Löschen: Klicke auf das Papierkorb-Symbol.
Optionale Einstellungen
- Öffne den Bereich Mehr (oben rechts in der Liste).
- Vergangene Termine ausblenden (nur bei einem Layout mit Terminen): Aktiviere diese Option, damit Termine, deren Datum vorbei ist, gedimmt oder ausgeblendet werden. Ein Termin gilt ab dem Tag nach seinem Datum als vergangen.
- Unter Block-Label kannst du optional einen Namen eintragen, unter dem du diesen Block in der Verwaltung wiedererkennst.
Speichern
- Speichere deine Änderungen mit der Schaltfläche Speichern (oben rechts).
Aufbau des Zeitstrahls
Der Editor ist in zwei Hauptbereiche aufgeteilt:
- Kopf: Hier stellst du Kleine Überschrift, Überschrift und Einleitung ein. Diese werden am Anfang des Zeitstrahls angezeigt.
- Einträge / Zeitpunkte: Die Liste mit allen einzelnen Elementen. Du kannst sie hier bearbeiten, sortieren, duplizieren oder löschen.
- Mehr: Zusätzliche Einstellungen wie das Block-Label und die Option zum Ausblenden von Terminen.
Jeder Eintrag oder Zeitpunkt kann ein Bild enthalten (nur Zeitleiste), einen Titel, eine Beschreibung und optional weitere Details wie Animationen oder Farbtöne.
Was danach passiert
Sobald du speicherst, wird der Zeitstrahl auf deiner Website angezeigt. Besucher sehen die Einträge oder Zeitpunkte in der Reihenfolge, die du festgelegt hast. Der Strahl passt sich automatisch an unterschiedliche Bildschirmgrößen an.
Vergangene Termine (bei Bedarf) werden visuell weniger prominent angezeigt, damit aktuelle oder zukünftige Meilensteine deutlicher hervorstechen.
Tipps und Hinweise
- Daten und Zeitformate: Du kannst sowohl Jahrzahlen („2019") als auch genaue Datumsangaben („12. Oktober 2026") oder Zeitstempel („09:00") eintragen. Das Format wird nicht streng überprüft – schreib es so, wie es für deine Besucher verständlich ist.
- Bilder bei der Zeitleiste: Das Bild wird mit einem Seitenverhältnis von 16:9 angezeigt. Nutze das Zuschneidewerkzeug, um es richtig auszuschneiden.
- Vergangene Termine: Diese Einstellung ist nur sichtbar, wenn dein Website-Layout Termine als Zeitstrahl-Art nutzt. Bei einer klassischen Zeitleiste mit Meilensteinen ist die Option nicht relevant.
- Animationen und Farbtöne: Diese Optionen erscheinen erst, nachdem du einen Eintrag oder Zeitpunkt mindestens einmal gespeichert hast.