Einen Zeitstrahl erstellen und bearbeiten

Ein Zeitstrahl zeigt Meilensteine oder Stationen in chronologischer Reihenfolge – zum Beispiel die Unternehmensgeschichte oder Projektphasen. Du kannst zwischen zwei Darstellungsarten wählen: eine horizontale Ansicht zum Durchscrollen oder eine Event-Ansicht mit filterbar vergangenen Terminen. Du fügst einzelne Einträge mit Datum, Text und Bild hinzu und ordnest sie nach Belieben.

Voraussetzungen

Du bearbeitest gerade einen Abschnitt vom Typ Zeitstrahl auf einer Seite.

So gehst du vor

1. Trage in das Feld Überschrift einen Titel für deinen Zeitstrahl ein – etwa „Unser Weg" oder „Projektmeilensteine".

2. Füge deinen ersten Eintrag hinzu, indem du unten im Bereich Einträge auf Eintrag hinzufügen klickst. Es entsteht ein neuer, aufklappbarer Eintrag mit dem Titel „Neuer Eintrag".

3. Gib dem Eintrag einen aussagekräftigen Titel im Feld Titel und das zugehörige Datum ein (zum Beispiel das Jahr oder ein vollständiges Datum wie „12. Oktober 2026").

4. Füge ein Bild für diesen Eintrag hinzu:

   • Klicke auf die Bildfläche
   • Lade ein Bild hoch oder wähle eines aus deinen Medien
   • Das Bild wird im Verhältnis 16:9 zugeschnitten; stelle sicher, dass das wichtigste Motiv in der Mitte liegt
   • Du kannst die Position mit den Pfeilen verschieben

5. Schreibe eine Beschreibung – das ist der Text, der unter dem Eintrag steht.

6. Wähle optional eine Animation aus, mit der dieser Eintrag eingefahren wird, wenn der Besucher ihn sieht. Standardmäßig ist „Keine Animation" eingestellt.

7. Wiederhole die Schritte 2 bis 6 für alle weiteren Einträge. Um einen Eintrag zu duplizieren, klickst du auf das Kopier-Symbol neben diesem Eintrag – alle Inhalte werden übernommen, und du kannst sie anpassen.

8. Sortiere deine Einträge, indem du neben jedem Eintrag die Pfeile nutzt:

   • Nach oben verschieben (Pfeil oben): Der Eintrag rückt eine Position nach vorne
   • Nach unten verschieben (Pfeil unten): Der Eintrag rückt eine Position nach hinten
   • Ein deaktivierter Pfeil bedeutet, dass der Eintrag bereits am Anfang oder Ende der Liste steht

9. Entferne Einträge, die du nicht mehr brauchst, mit dem Papierkorb-Symbol.

10. Wechsle in den Bereich Aufbau, um das Aussehen anzupassen:

    • Wähle unter Bauform eine Darstellungsart:
      • Horizontal: Die Einträge liegen nebeneinander und lassen sich auf Handy und Desktop horizontal durchscrollen, falls sie nicht in eine Zeile passen
      • Vertikal: Die Einträge stehen untereinander; auf dem Handy ist dies automatisch der Fall
      • Events: Ideal für Termine und Veranstaltungen – vergangene Termine können ausgeblendet werden (siehe Punkt 11)

11. Falls du Events gewählt hast: Aktiviere Vergangene Termine ausblenden, wenn Besucher alte Termine nicht sehen sollen. Ein Termin zählt ab dem Tag nach seinem Datum als vergangen. Im Editor wird er dann blasser dargestellt, damit du ihn trotzdem noch bearbeitest.

12. Gib unter Bezeichnung (für Verlinkung) einen eindeutigen Namen ein, wenn dieser Abschnitt von einer Schaltfläche oder einem Inhaltsverzeichnis angesteuert werden soll. Dieses Feld kannst du leer lassen, wenn niemand direkt zu diesem Zeitstrahl verlinkt.

13. Speichere deine Änderungen. Der Zeitstrahl wird automatisch gespeichert, sobald du eine Aktion abschließt.

Aufbau des Zeitstrahls

Der Editor gliedert sich in drei Hauptbereiche:

• Überschrift: Ein textbearbeitbares Feld für den Titel des Zeitstrahls
• Einträge: Eine sortierbare Liste aller Meilensteine oder Events. Jeder Eintrag enthält ein Bild (16:9-Format), Datum, Titel, Beschreibung und optional eine Animation. Mit den Pfeilen sortierst du die Reihenfolge, mit Kopieren verdoppelst du einen Eintrag, mit Papierkorb löschst du ihn
• Aufbau: Hier stellst du die Bauform (Horizontal, Vertikal oder Events) ein und konfigurierst weitere Anzeigeoptionen wie das Ausblenden vergangener Termine und eine Bezeichnung für Verlinkungen

Was danach passiert

Dein Zeitstrahl wird auf der Website angezeigt. Besucher können Einträge lesen, die Bilder ansehen und – je nach Bauform – durch die Liste scrollen oder blättern. Bei der Events-Bauform sehen sie nur zukünftige Termine, falls du diese Option aktiviert hast.

Jederzeit kannst du den Zeitstrahl öffnen und Einträge hinzufügen, bearbeiten oder löschen. Änderungen sind sofort wirksam, ohne dass du die Website erneut veröffentlichen musst.

Tipps und Hinweise

• Bildformat: Alle Bilder sollten dasselbe Seitenverhältnis haben (16:9), damit der Zeitstrahl optisch ausgewogen wirkt
• Datumsformat: Du kannst Jahre, Monate und Tage eingeben – weboffice akzeptiert verschiedene Schreibweisen. Wichtig für die Events-Bauform: Das Datum bestimmt, ob ein Termin als „vergangen" zählt
• Animation: Animationen machen den Eintrag visuell interessant, können aber auch ablenkend wirken – nutze sie gezielt
• Lange Listen: Bei vielen Einträgen in der horizontalen Bauform sollte jeder Eintrag prägnant sein, damit Besucher schnell erfassen, worum es geht
• Vergangene Termine: In der Events-Bauform ist die Option „Vergangene Termine ausblenden" sinnvoll, wenn die Website zeitgebunden ist (z. B. für Veranstaltungsreihen)