Kostenloses Elementor-Zeitleisten-Widget: Vertikale und horizontale Zeitleisten
Timeline ist ein kostenloses Master Addons Widget für Elementor, das Daten und Ereignisse entlang einer Verbindungslinie aufstellt Erstellen Sie eine benutzerdefinierte Timeline von Hand, mit einem Datum oder Etikett, reichhaltigem Inhalt, einem Bild und einem Link für jedes Element, und zeigen Sie es vertikal oder als horizontales Karussell mit Master Addons Pro können Sie auch direkt aus Ihren Blogbeiträgen eine Post Timeline erstellen Es passt zu Firmengeschichten, Roadmaps, Veranstaltungsplänen und Nachrichtenarchiven.
Benutzerdefinierte Zeitleiste (kostenlos) oder Post-Zeitleiste (Pro)
Custom Timeline ist die kostenlose Option Jeder Artikel bekommt ein Datum, das Sie gegen ein benutzerdefiniertes Label wie “Phase 1”, einen Rich-Text-Inhaltsbereich, ein Bild und einen optionalen Link für die ganze Karte austauschen können Artikel können auch eigene Punkt - und Farbeinstellungen haben Post Timeline, Teil von Pro, erstellt die Timeline aus Ihren Beiträgen: Filter nach Kategorie, Tag oder Autor, schließen Sie bestimmte Beiträge aus, legen Sie die Reihenfolge und den Offset fest, und wählen Sie, ob Sie den Titel, das vorgestellte Bild und den Auszug anzeigen möchten.
- Benutzerdefinierte Zeitleiste: ein Datum oder eine benutzerdefinierte Beschriftung, ein Inhalt, ein Bild und ein Link für jedes Element.
- Pro-Item-Styling für die Farben Punkt, Karte und Datum.
- Post Timeline (Pro): Kategorie, Tag - und Autorenfilter, ausgeschlossene Beiträge, Offset und Bestellung.
- Postkarten können den Titel, das Beitragsbild, einen Auszug und einen Link zum Weiterlesen zeigen.
Vertikale Zeitleiste oder horizontales Karussell
Die Vertical Timeline stapelt Karten entlang einer Mittellinie, Richten Sie sie nach links, in der Mitte, rechts oder als Overlay aus und kehren Sie die Kartenpositionen mit einem Schalter um Die für Custom Timelines verfügbare Horizontal Timeline verwandelt die Gegenstände in ein Karussell Wählen Sie eine Standardfolie oder ein Coverflow-Layout, schalten Sie Autoplay und Schleife ein und wählen Sie die Navigation mit Pfeilen, Punkten, einem Bruchzähler oder einer Fortschrittsleiste.
- Vertikale Ausrichtung: links, in der Mitte, rechts oder übereinander, mit umkehrbaren Kartenpositionen.
- Horizontales Karussell mit Karussell- oder Coverflow-Layouts, Autoplay und Loop.
- Navigation mit Pfeilen, Punkten, Bruch, Fortschrittsbalken oder einer Bildlaufleiste.
- Horizontale und vertikale Abstandskontrollen für die Karten.
Linien - und Punktstyling
Style die Linie mit einer Hintergrundfarbe, einer Fortschrittsfarbe, Dicke und einem Rand Punkte können einfache Punkte, Symbole, Bilder, Zahlen oder Buchstaben sein, und jeder hat Standard, Hover - und Fokussierte Stile für Größe, Hintergrundfarbe, Punktfarbe und Textschatten So hebt sich der Meilenstein, den ein Besucher betrachtet, vom Rest ab.
- Linienhintergrund, Fortschrittsfarbe, Dicke und Rand.
- Fünf Punkttypen: Punkte, Symbole, Bilder, Zahlen oder Buchstaben.
- Standard-, Hover- und fokussierte Zustände für jeden Punkt.
Karten - und Datumsgestaltung mit Animationen
Karten erhalten Polsterung, Rand, Inhaltsauffüllung, Randradius und separate Titel - und Inhaltstypografie Ihre Farbe, Hintergrund, Box-Schatten und Text-Schatten können sich über die Standard, Hover - und Focused-Zustände ändern Schalten Sie Animate-Karten ein, um jede Karte beim Scrollen in Sichtweite zu zeigen Datumsangaben haben ihre eigene Typografie, Auffüllung, Rand, Text-Schatten und Farben für alle drei Zustände.
- Steuerelemente für Kartenabstand, Radius und Typografie.
- Standard-, Hover- und Fokussierte Stile für Karten und Datumsangaben.
- Animieren Sie Karten, um Gegenstände beim Scrollen in die Ansicht zu enthüllen.
Benutzerdefinierte Zeitleiste vs. Post-Zeitleiste
Elementor hat weder in seiner kostenlosen noch in seiner Pro-Version ein Timeline-Widget, sodass Sie ohne ein Addon eines aus Spalten, Teilern und benutzerdefiniertem CSS erstellen würden. So vergleichen sich die beiden Timeline-Typen.
| Benutzerdefinierte Zeitleiste | Post-zeitleiste | |
|---|---|---|
| Preis | Kostenlos | Master Addons Pro |
| Inhalt | Elemente, die Sie im Panel hinzufügen | Ihre veröffentlichten Beiträge |
| Aktualisierungen | Wenn Sie die Elemente bearbeiten | Jedes Mal, wenn Sie einen Beitrag veröffentlichen |
| Layouts | Vertikales oder horizontales Karussell | Vertikal |
| Jeder Eintrag zeigt | Datum oder Etikett, Inhalt, Bild, Link | Titel, Beitragsbild, Datum, Auszug, weiterlesen |
| Am besten für | Historien, Roadmaps, Zeitpläne | Nachrichtenarchive, Veröffentlichungsnotizen |
Für ein vollständiges Postgitter neben Ihrer Timeline verwenden Sie das kostenlose Blog-widget. Um die Zahlen hinter Ihren Meilensteinen anzuzeigen, fügen Sie hinzu Gegen auf.
So fügen Sie eine Zeitleiste in Elementor hinzu
Diese Schritte erstellen eine kostenlose benutzerdefinierte Zeitleiste Das Widget beginnt mit drei Beispielelementen, sodass Sie das Layout sehen können, bevor Sie etwas ändern.
- Durchsuchen Sie in Elementor das Widget-Panel nach “Timeline” und ziehen Sie das Master Addons Widget auf die Seite.
- Behalten Sie den Zeitleisten-Typ auf der benutzerdefinierten Zeitleiste bei und wählen Sie Vertikale Zeitleiste oder Horizontale Zeitleiste.
- Öffnen Sie jede Zeile unter Elemente und legen Sie das Datum oder eine benutzerdefinierte Beschriftung, den Inhalt, ein Bild und einen Link fest.
- Klicken Sie auf Element hinzufügen für weitere Meilensteine und ziehen Sie die Zeilen, um sie neu zu ordnen.
- Für eine horizontale Zeitleiste legen Sie die Navigations - und Karusselleinstellungen fest.
- Gestalten Sie die Karten, Daten, Linien und Punkte im Register Stil und veröffentlichen Sie sie dann.
Unser Timeline-tutorial jede Einstellung mit Screenshots durchläuft.
Häufig gestellte Fragen zur Zeitleiste
Soll ich die Post-Timeline oder benutzerdefinierte Timeline verwenden?
Verwenden Sie die benutzerdefinierte Zeitleiste, die kostenlos ist, wenn Sie jedes Datum und jeden Eintrag steuern möchten, wie eine Seite zu unserem Verlauf oder eine Roadmap. Verwenden Sie die Post-Zeitleiste, die Teil von Master Addons Pro ist, wenn sich die Zeitleiste von Ihren Blogbeiträgen aus aktualisieren sollte, wie ein Nachrichtenarchiv.
Wie funktioniert der "Fokussierte" Staat?
Der Focused-State stilisiert das Element, das gerade aktiv ist, wenn Besucher durch die Zeitleiste scrollen oder sich durch das Karussell bewegen Geben Sie ihm einen anderen Kartenhintergrund, eine andere Datumsfarbe oder einen größeren Punkt, damit der aktuelle Meilenstein hervorsticht.
Ist das Elementor Timeline Widget kostenlos?
Ja. Timeline ist ein kostenloses Widget, inklusive des Typs Benutzerdefinierte Zeitleiste und sowohl vertikaler als auch horizontaler Layouts Der Typ Post Timeline, der Einträge aus Ihren Blogbeiträgen erstellt, benötigt Master Addons Pro.
Kann ich eine ganze Timeline-Karte mit einer Seite verknüpfen?
Ja. Jedes Custom Timeline-Element hat ein Link-Feld, das die ganze Karte anklickbar macht Post Timelines hat einen Enable Links-Schalter, der jede Karte mit ihrem Beitrag verknüpft Vermeiden Sie andere Links innerhalb einer verlinkten Karte, da Links innerhalb von Links nicht erlaubt sind.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
