Erstellen Sie mit Elementor eine erstaunliche Inhaltszeitleiste in WordPress

Zeitleiste für Wordpress Elementor-Inhalte

Die Inhaltszeitleiste ist ein hervorragendes Tool zum Anzeigen der sequentiellen Informationen eines Ereignisses. Um eine solche Zeitleiste auf Ihrer WordPress-Website zu erstellen, müssen Sie jedoch das richtige Tool mit allen Befehlen verwenden.

Wenn Sie ein beliebiges WordPress-Tool zum Erstellen Ihrer Content-Timeline in die Hand nehmen, ist die Wahrscheinlichkeit groß, dass das Tool unterdurchschnittlich ist und ein kitschiges Design erzeugt.

Ich habe eine eingehende Analyse durchgeführt, um einen optimalen Weg zur Erstellung einer Inhaltszeitleiste in WordPress zu finden. Erraten Sie, was? In diesem Artikel habe ich die einfachste Methode zum Erstellen einer Inhaltszeitleiste in WordPress mit Elementor zusammengestellt.

Inhaltszeitleiste verstehen

Eine Inhaltszeitleiste stellt Informationen in chronologischer Form dar. Es ist eine einfache, aber effektive Methode, Informationen auf visuell ansprechende Weise zu teilen.

Der Hauptzweck einer Inhaltszeitleiste besteht darin, die Aktion eines Ereignisses nacheinander innerhalb eines Zeitintervalls zu demonstrieren. Es hilft den Lesern, im Handumdrehen mehr Informationen zu erhalten.

Im Allgemeinen enthält eine Inhaltszeitleiste einen langen Balken mit Punkten und einigen Informationen darum herum. Dieser Balken kann sowohl vertikal als auch horizontal sein. Stellen Sie unabhängig von der Richtung einfach sicher, dass die Zeitleistenleiste genügend Ressourcen enthält. Sie können die Leiste mit zugehörigen Bildern, Symbolen, Zahlen, anklickbaren Texten oder anderen interaktiven Elementen verbessern.

Wo sollten Sie eine Content-Timeline verwenden?

WordPress-Elementor-Content-Timeline-Widget und Add-ons

Eine Content-Timeline ist ein vielseitiges Tool. Sie können dieses Tool fast überall verwenden, um eine Aufgabe reibungslos zu erledigen. Werfen wir einen Blick auf die Hauptsektoren, in denen dieser Zeitplan am besten funktioniert.

Bildungssektor

Der Bildungssektor ist der wichtigste Sektor für die Umsetzung einer Content-Timeline. Es hilft den Schülern, die Aufgaben effizient zu erlernen. Es vereinfacht die historischen Ereignisse, Zeiten oder Bewegungen. Dadurch wird es für Studierende einfacher, neue Themen zu verstehen.

Der Berichte des Social Science Research Network dass 65% unserer Gesamtbevölkerung visuelle Lerner sind. Das bedeutet, dass es ihnen schwerfällt, allein durch mündliche Vorlesungen oder Lehrbücher zu lernen. Sie müssen sehen, was sie lernen.

Marketingsektor

Der Marketingsektor hängt stark von der Timeline-Strategie ab. Stellen Sie sich vor, welchen Herausforderungen Sie sich bei der Durchführung von Marktforschung stellen müssen.

Wenn Sie die Herausforderungen für Ihr Marketingteam eingrenzen, fallen Ihnen möglicherweise hauptsächlich vier Herausforderungen auf. Diese sind -

  1. Welche Aufgabe muss gerade erledigt werden?
  2. Worauf sollten Sie sich hauptsächlich konzentrieren (basierend auf der Priorität)?
  3. Welches kommt als nächstes in Ihrem Projekt?
  4. Wie nah sind Sie am Ziel?
  5. Wann ist die Frist (damit die Mitglieder die Frist nicht verpassen)?

Durch eine klare Vorstellung dieser Fakten können sowohl das Teammitglied als auch der Leiter ihre Projektpanik beseitigen. So führen Sie eine perfekte Marketingkampagne durch und erreichen Ihr Ziel.

Unternehmensführung

Heutzutage erfreuen sich Content-Timeline-Modelle bei Geschäftsinhabern großer Beliebtheit. Von einem kleinen Startup bis hin zur Präsentation eines milliardenschweren Geschäftsvorschlags wird das Timeline-Modell überall verwendet.

Es kann sowohl die Geschichte eines Unternehmens darstellen als auch eine visuelle Darstellung des Potenzials des Unternehmens für zukünftige Investoren schaffen.

Projektmanagement

Eine Content-Timeline ist die beste Möglichkeit, sich einen Überblick über ein Projekt zu verschaffen. Es hilft den Investoren, den gesamten Projektplan zu visualisieren. Es macht Prozesse wie Zeitplanung, Aufgabenverwaltung oder Meilensteinerstellung butterweicher.

Auf lange Sicht hilft es allen, während des gesamten Projekts auf dem richtigen Weg zu bleiben. Es kann sogar vorkommen, dass der Projektleiter ein neues Mitglied in das Projekt einführen möchte.

Wenn Sie über eine entsprechende Zeitleiste verfügen, fügt sich der neue Mitarbeiter recht effizient in das Projekt ein.

Suchprozess

Zeitmanagement ist einer der wichtigsten Aspekte, die bei der Durchführung von Recherchen berücksichtigt werden sollten. Wenn Sie in der archäologischen Forschung tätig sind, kann diese Zeitleiste den gesamten Zeitrahmen der Forscher perfekt visualisieren.

Ein angemessener Zeitplan kommt nicht nur den archäologischen Studien zugute, sondern jedem Forschungssektor, einschließlich Wissenschaft, Wirtschaft, Biologie, Astronomie, Geologie usw.

So erstellen Sie eine Inhaltszeitleiste

Die Erstellung eines geeigneten Zeitplans erfordert Zeit und Hingabe. Hier ist ein unkomplizierter Prozess zum Erstellen einer Zeitleiste.

Schritt #1: Analysieren Sie Ihr Thema

Wählen Sie zunächst Ihr Thema aus und sammeln Sie die erforderlichen Informationen zu diesem Thema. Sie müssen die Informationen, die Sie in Ihrer Timeline anzeigen möchten, sorgfältig auswählen.

Seien Sie vorsichtig bei der Wahl des Namens Ihrer Timeline. Der „Timeline-Name“ muss den Zweck Ihrer Timeline widerspiegeln.

Platzieren Sie die Zeitleiste immer oben auf der Zeitleiste, damit der Name für alle sichtbar bleibt.

Schritt #3: Zeichnen Sie einen groben Zeitplan

Zeichnen Sie in diesem Moment eine grobe Zeitleistenstruktur auf ein Blatt Papier. Zeichnen Sie einfach eine horizontale oder vertikale Linie mit einigen Punkten. Jeder einzelne Punkt gibt ein Datum oder einen Meilenstein Ihres Projekts an.

Jetzt ist es an der Zeit, einige Texte oder andere verwandte Informationen zu Ihrem Projekt hinzuzufügen. Und das ist es!

Ich hoffe, der grobe Zeitplan liegt bereits in Ihren Händen. Machen Sie jetzt eine Pause und recherchieren Sie noch einmal eingehend zu Ihrem Thema. So können Sie die dummen Probleme herausfinden und beheben.

Schritt #5: Passen Sie die Zeitleiste an

Durch die Anpassung der Zeitleiste wird diese leicht verständlich und optisch beeindruckend. Sie können dazu einige Symbole oder Mediendateien hinzufügen.

Wie füge ich die Elementor-Inhaltszeitleiste zu Ihrer WordPress-Website hinzu?

Jetzt verfügen Sie über klare Kenntnisse über die Zeitleiste des Inhalts und ihre Anwendung sowie über den Prozess der Erstellung der Zeitleiste.  

Jetzt ist es an der Zeit, die Content-Timeline in Ihre WordPress-Website zu integrieren. Wie können Sie das also tun?

Okay!

Es gibt hauptsächlich zwei verschiedene Methoden, um in WordPress eine Content-Timeline zu erstellen. Scrollen Sie nach unten, um mehr über die Prozesse zu erfahren.

Manueller Prozess (auf die harte Tour)

Der manuelle Prozess ist die traditionelle Methode zum Erstellen einer Inhaltszeitleiste auf Ihrer Website. Sie benötigen entweder ein Bild oder eine GIF-Datei, um eine Inhaltszeitleiste zu erstellen. Wie können Sie das also tun?

Einfach! Folgen Sie einfach den Schritten.

  • Zeichnen Sie zunächst den Inhalt digital. Sie können zum Zeichnen der Zeitleiste eine Fotobearbeitungssoftware wie Photoshop, Gimp oder Paint verwenden. Speichern Sie nach Abschluss des Projekts die Bild- oder GIF-Datei.
  • Zweitens erstellen Sie eine Seite oder einen Beitrag auf Ihrer Website und platzieren Sie die Bild-/GIF-Datei auf dieser Seite. Fügen Sie dann den erforderlichen Inhalt hinzu und veröffentlichen Sie ihn. 

Boom! Das war's, Sie sind fertig!

Nachteile dieses Prozesses:

Der Vorgang scheint recht einfach zu sein. Aber sei noch nicht entspannt! Im wirklichen Leben werden Sie mit diesem Prozess auf viele Probleme stoßen. Die wesentlichen Nachteile sind unten aufgeführt.

  • Sie können die veröffentlichte Zeitleiste nicht über das Website-Admin-Dashboard aktualisieren.
  • Sie können keine interaktive Zeitleiste erstellen.
  • Das Anpassen der Symbole und Bilder ist ein mühsamer Prozess.

Automatischer Prozess (einfachster Weg – ElementsKit Pro)

Um das Beste aus Ihrer Content-Timeline herauszuholen, können Sie Folgendes verwenden: ElementsKit. Es handelt sich um ein Premium-Elementor-Add-on, das zum Erstellen einer Inhaltszeitleiste auf Ihrer WordPress-Website nützlich sein kann.

In diesem Abschnitt stelle ich Ihnen den Prozess der Erstellung einer Elementor-Inhaltszeitleiste innerhalb weniger Minuten vor. Lass uns anfangen.

Greifen Sie auf das Website-Admin-Panel zu

Wie bei der manuellen Methode müssen Sie die Zeitleiste nicht in einer Fotobearbeitungssoftware zeichnen. Sie können alles über das Admin-Panel-Dashboard Ihrer Website erledigen.

Melden Sie sich einfach beim Admin-Panel-Dashboard an. Im Allgemeinen sieht die Dashboard-URL so aus: Yourdomain.com/wp-admin

Installieren Sie Elementor und ElementsKit

Nachdem Sie sich bei Ihrem Admin-Dashboard angemeldet haben, ist es Zeit, Elementor zu installieren und Elementor-Addon ElementsKit. Sie benötigen beides, um die Zeitleiste automatisch zu erstellen.

Öffnen Sie eine neue oder vorhandene Webseite

Nachdem Sie Elementor und ElementsKit aktiviert haben, ist es an der Zeit, diese in einem Beitrag oder einer Seite zu verwenden. Erstellen Sie also einen neuen Beitrag, indem Sie auf klicken Beiträge > Neu hinzufügen.

Zeitleiste für Elementor-Inhalte
Öffnen einer neuen Seite in WordPress

Klick auf das "Titel hinzufügenBlockieren Sie und fügen Sie Ihren Titel hinzu. Sie können dem Beitrag auch einfachen Text und Bilder hinzufügen.

Starten Sie Elementor

Klicken Sie nun auf „Bearbeiten mit Elementor” und Ihr brandneuer Beitrag wird im Elementor-Editor geöffnet. Um den Beitrag professioneller zu bearbeiten, wird der Elementor-Editor verwendet.

Zeitleiste für Elementor-Inhalte
Starten von WordPress Elementor

Starten Sie die ElementsKit-Timeline

Scrollen Sie im Bereich „Elementor“ nach unten und suchen Sie nach „Zeitleiste” Addon in der Liste. Andernfalls können Sie einfach im Elementor-Bedienfeld nach „Timeline“ suchen.

Zeitleiste für Elementor-Inhalte

Starten der ElementsKit-Timeline

Ziehen Sie nun das Timeline-Widget per Drag-and-Drop in Ihren Beitrag, und fertig! In Ihrem Beitrag finden Sie eine Beispielzeitleiste.

Elementor-Timeline-Widget
Inhaltszeitleiste in Elementskit für Elementor

Standardmäßig gibt es drei Zeitachsenpunkte. Sie können diese alle entfernen und mit der Erstellung Ihrer eigenen Zeitleiste beginnen. Ansonsten können Sie auch den Inhalt dieser vorhandenen Punkte bearbeiten und bei Bedarf weitere Punkte hinzufügen.

Der nächste Schritt besteht darin, den Text, das Symbol oder den Stil Ihrer Inhaltszeitleiste zu ändern.

Anpassen des Timeline-Inhalts

Auf der Registerkarte „Inhalt“ können Sie den Timeline-Stil, den Inhaltsstil, den Timeline-Inhalt usw. anpassen. Auf der Registerkarte „Inhalt“ können Sie mehrere Optionen ändern. Werfen wir einen Blick auf diese wichtigsten Optionen.

1. Zeitleistenstil

Dies ist der allererste Abschnitt der Registerkarte „Inhalt“. Sie können zwischen dem vertikalen Elementor-Zeitleistenstil und dem horizontalen Elementor-Zeitleistenstil wählen. Standardmäßig ist der vertikale Stil ausgewählt. Sie können den Stil jederzeit ändern!

Zeitleiste für Elementor-Inhalte
Timeline-Stil
2. Inhaltsstil

Auf der Registerkarte „Inhaltsstil“ können Sie Seiten auswählen. Sie können den gesamten Inhalt entweder auf derselben Seite oder auf beiden Seiten anzeigen.

Zeitleiste des Inhalts
Inhaltsstil

Der Ausblick auf Ihre Content-Timeline ist inzwischen vollständig. In diesem Abschnitt müssen Sie die Texte, Bilder oder Symbole der Timeline aktualisieren.

3. Timeline-Inhalt

Mit dem Timeline-Inhalt können Sie mehrere Optionen wie Titel, Beschreibung, Link, Datum, Adresse, Symbol usw. ändern. Sie können diese Funktion einfach aktivieren, indem Sie auf den Titelnamen klicken.

Zeitleiste des Inhalts
Timeline-Inhalte für WordPress Elementor

In den Standardeinstellungen gibt es drei Titel. Sie können diese Titel entweder hinzufügen oder entfernen. Nachdem Sie auf den Titel geklickt haben, werden Ihnen die Optionen zur Inhaltsbearbeitung angezeigt.

Im Abschnitt „Timeline-Inhalt“ können Sie die folgenden Optionen ändern:

  • Titel
  • Untertitel
  • Titellink
  • Beschreibung
  • Titelsymbol
  • Datum
  • Adresse
  • Untertitelfarbe
  • Hintergrund des Inhaltsfelds
  • Symboltextfarbe und
  • Symbolhintergrund
Zeitleiste für WordPress-Inhalte
Zeitleiste für WordPress-Elementor-Inhalte
4. Repeater-Elementstil

In diesem Abschnitt können Sie die Farbe Ihres Inhalts sowie den Hintergrund der Texte und Symbole ändern. Am wichtigsten ist, dass in diesem Abschnitt auch der Hover-Stil geändert werden kann.

Ein großes Lob an die Entwickler!

Zeitleiste des Inhalts
Repeater-Element-Stil-Funktion für die WordPress-Elementor-Inhaltszeitleiste
5. Animationseinstellungen

In den Einstellungen können Sie das Symbol und die Animation sowohl des Datums als auch der Adresse ändern. Mit diesem Elementor-Timeline-Widget können Sie mehrere Zoomstile auswählen, z. B. Ausblenden, Zoomen, Springen, Gleiten, Drehen, Schütteln, Wackeln, Wackelpudding, Einrollen usw.

Elementor-Timeline-Widget
Animationseinstellungsfunktion der WordPress Elementor-Inhaltszeitleiste

Dabei geht es darum, den Inhalt Ihrer Timeline anzupassen. Jetzt ist es an der Zeit, Ihren Inhalten etwas Stil zu verleihen. Folgen Sie der nächsten Phase, um Details zum Hinzufügen von Stil zu erhalten.

Passen Sie den Zeitleistenstil an

Auf der Registerkarte „Stil“ können Sie Ihren Inhaltsstil, Linienstil und Containerstil anpassen. Scrollen Sie nach unten, um einen detaillierten Überblick über diese Funktionen zu erhalten.

1. Registerkarte „Inhalt“:

Der Inhaltsreiter bietet Ihnen zahlreiche Anpassungsmöglichkeiten für Ihre Inhalte. Sie können beispielsweise Ausrichtung, Innenabstand, Innenabstand, Randradius, Textfarbe, Untertitel, Zeitleistenstil usw. steuern.

Sie können alle diese Einstellungen für jede Plattform anpassen, einschließlich Desktop-, Tablet- und Mobilversionen. Sehen Sie sich die Bilder unten an, um ein klares Verständnis der Funktionen unter der Registerkarte „Inhalt“ zu erhalten.

Vertikales Elementor-Timeline-Widget
Ausrichtungsfunktion der WordPress Elementor-Inhaltszeitleiste

Nicht nur das! Sie können auch mehrere andere Optionen wie Textfarbe, Ankertextfarbe, Untertitelfarbe, Randabstand, Typografie, rundes Symbol usw. ändern. In diesem Abschnitt können sowohl das Symbol als auch die Hintergrundfarbe dieses runden Symbols geändert werden.

Horizontales Elementor-Timeline-Widget
Textbearbeitungsfunktionen der WordPress Elementor-Inhaltszeitleiste

Mittlerweile haben wir mehrere Stile in Ihrem Website-Text optimiert. Das ElementsKit Elementor-Timeline-Widget kann jedoch noch mehr!

Sie können auch die Farbe der Timeline-Leiste, die Symbolgröße, den Rand, die Typografie, die Adressen usw. nahtlos ändern.

Horizontales Elementor-Timeline-Widget
Rand-, Typografie- und Größenfunktionen der WordPress Elementor-Inhaltszeitleiste
2. Registerkarte „Linie“.

Auf der Registerkarte „Linie“ können Sie Ihrer Inhaltszeitleiste vier Anpassungsstile hinzufügen. Diese sind -

  • Linienfarbe –Ändern Sie die Farbe der horizontalen oder vertikalen Elementor-Timeline-Leiste
  • Pin-Farbe – Ändern Sie die Farbe Ihres Pins
  • Aktive Pin-Farbe – Ändern Sie die Farbe Ihrer aktivierten Pin-Farbe
  • Punktgenaue Farbe – Ändert die Punktfarbe
Zeitleisten-Widget für WordPress-Elementor-Inhalte
Registerkarte „Zeilen“ des WordPress Elementor-Inhaltszeitleisten-Widgets
3. Registerkarte „Container“.

Auf der Registerkarte „Container“ können Sie den Abstand Ihres Inhalts ändern. Dazu gehört das Ändern des Adress- oder Datumsabstands sowie des unteren Abstands des Elements.

Zeitleisten-Widget für WordPress-Elementor-Inhalte
Container-Registerkarte des WordPress Elementor-Inhaltszeitleisten-Widgets

Erweiterte Anpassung

Sie können die Anpassung Ihrer Website nur über die Registerkarten „Inhalt“ und „Stil“ abschließen. Wenn Sie jedoch eine erweiterte Anpassung vornehmen möchten, müssen Sie die Registerkarte „Erweitert“ verwenden.

Was erhalten Sie also auf unserer Registerkarte „Erweitert“?

Auf der Registerkarte „Erweitert“ erhalten Sie die ElementsKit-Bedingung, Effekte, Sticky-Elemente, Bewegungseffekte, Reaktionsfähigkeit, Hintergrundtyp, Abstand und Randanpassungsfunktion.

Lassen Sie mich Ihnen alle diese Funktionen einzeln vorstellen.

  1. ElementsKit-Bedingungen

Durch Aktivieren der ElementsKit-Bedingung können Sie bedingte Beiträge auf Ihrer Webseite veröffentlichen. Übrigens können Sie je nach Bedingung festlegen, dass ein bestimmter Teil Ihrer Webseite über Registerkarten im WordPress-Elementor-Stil angezeigt werden soll. Sie können je nach Anmeldestatus, Browser, Tag, Uhrzeit usw. unterschiedliche Bedingungen anwenden.

Zeitleisten-Widget für WordPress-Elementor-Inhalte
Elementskit-Bedingungen
  1. ElementsKit-Effekte

Mit der ElementsKit-Effektfunktion können Sie Ihrem Text einige interaktive Effekte hinzufügen. Es ermöglicht Ihnen, interaktive Zeitleisten in WordPress hinzuzufügen. Sie können vier verschiedene Effektstile hinzufügen: CSS, Neigung, Scrollen und Mausbewegung.

CSS-Effekte

Mit der CSS-Funktion können Sie Ihren Webtexten CSS-Animationen hinzufügen. Sie können den Darstellungsstil der Animation, die Animationsgeschwindigkeit, die Richtung und die Anzahl der Iterationen ändern.

Durch Aktivieren der CSS-Transformationsfunktion können Sie vier Transformationseinstellungen ändern, z. B. die Option „Übersetzen“, „Drehen“, „Skalieren“ und „Neigen“. Falls etwas schief geht, können Sie auf die Schaltfläche „Zurück zu den Standardeinstellungen“ klicken und alles kehrt zur vorherigen Phase zurück.

Zeitleisten-Widget für WordPress-Elementor-Inhalte
CSS-Effekte des WordPress Elementor-Inhalts-Timeline-Widgets
  • Neigungseffekte

Durch die Aktivierung der Neigungseffekte können Sie die MaxTilt-Funktionen, Bildmaßstäbe, Achsenfunktionen usw. ändern.

Zeitleisten-Widget für WordPress-Elementor-Inhalte
Neigungseffekte des WordPress Elementor-Inhalts-Timeline-Widgets
  • Scrolleffekte

Mit Scroll-Effekten kann der Webmaster den Parallaxenstil, den Übergang, die Glätte, die Offset-Einstellungen usw. ändern.

Vertikale Elementor-Zeitleiste
Scrolleffekte des Content-Timeline-Widgets von WordPress Elementor
  • Mausbewegungseffekt

Mit den Mausbewegungseffekten können Sie die Bewegungsgeschwindigkeit steuern und die Animation im Editormodus ein- und ausschalten.

Zeitleiste für Elementor-Inhalte
Mausbewegungseffekt des WordPress Elementor-Inhalts-Timeline-Widgets
  1. ElementsKit Sticky

Hier erfolgt die Steuerung der Sticky-Bewegung Ihres Website-Elements. Sie können die Platzierung Ihrer Sticky-Inhalte wählen. Sie können zwischen den Optionen „Oben“, „Unten“, „Spalte“ und „Nach oben scrollen“ wählen. Sie können den Sticky-Versatz, die Hintergrundfarbe und das Sticky-Gerät im Layout anpassen.

Vertikale Elementor-Zeitleiste
Elementskit-Sticky-Funktion
  1. Bewegungseffekte:

Mit der Bewegungseffektfunktion können Sie den Eingangsstil, die Dauer und die Verzögerung Ihrer Animation auswählen.

ElementsKit bietet mehrere Eingangsanimationsstile wie Zoomen, Verblassen, Springen, Drehen, Gleiten, Schütteln, Wackelpudding, Wackeln, Einrollen usw.

Horizontale Elementor-Zeitleiste
Bewegungseffekte des WordPress Elementor-Inhalts-Timeline-Widgets
  1. Hintergrundeffekte

Mit der Hintergrundoption der Registerkarte „Erweitert“ können Sie das Hintergrundbild sowohl in den normalen als auch in den Hover-Stil umwandeln.

Im Abschnitt „Normaler“ Hintergrund können Sie wählen, ob Sie die Funktion „Klassisch“ oder „Verlauf“ ändern möchten. Die klassische Bildfunktion ermöglicht den Bild- und Farbwechselstil sowie die Übergangsgeschwindigkeiten.

Andererseits bietet der Verlaufsbereich die Möglichkeit, Hintergrundtyp, Farbe, Position, Winkel und Linien- oder Radialhintergrundtyp zu ändern.

Elementor-Timeline-Widget
Hintergrundeffekte des Content-Timeline-Widgets von WordPress Elementor

Sie können alle diese Aktionen auch über die Hover-Optionen ausführen.

  1. Grenze

Im Inhaltsbereich haben wir bereits einiges getan. Passen wir den Text und die Rahmenränder an.

Sie können verschiedene Randtypen auswählen, z. B. einfarbig, doppelt, gepunktet, gestrichelt und gerillt. Nachdem Sie den Rahmentyp ausgewählt haben, ist es an der Zeit, den Radius auszuwählen. Der aktualisiertes ElementsKit Ermöglicht auch das Ändern des Radiusstils und des Boxschattens!

Alle diese Funktionen stehen Ihnen auch im Hover-Bereich zur Verfügung. Übrigens können Sie die „Übergangsdauer“ auch im Hover-Tab ändern.

Zeitleiste für Elementor-Inhalte
Rahmenfunktion des WordPress Elementor-Inhalts-Timeline-Widgets
  1. Positionierung

In erster Linie können Sie die „Breite“ und „Position“ Ihres Inhalts ändern.

Im Abschnitt „Breite“ können Sie die Standardbreite beibehalten oder in „Volle Breite“, „Inline“, „Auto“ oder „Benutzerdefiniert“ ändern. Sie können auch die vertikale Ausrichtung wählen.

Danach ist es an der Zeit, den Positionsbereich zu optimieren. Anstelle der Standardoption können Sie entweder die Option „Absolut“ oder „Fest“ ändern. Was auch immer Sie wählen, der Unterabschnitt wird ähnlich sein.

Beispielsweise erhalten Sie eine horizontale und vertikale Ausrichtung mit Offset-Änderung in Pixeln.

Elementor-Timeline-Widget
Positionierungsfunktion des WordPress Elementor-Inhalts-Timeline-Widgets

Vorsicht: Verwenden Sie die benutzerdefinierte Positionierungsfunktion nur, wenn Sie sie dringend benötigen. Weil es die Reaktionsfähigkeit Ihrer Website beeinträchtigt. Auch wenn Sie dies tun, versuchen Sie, es nicht zu häufig zu verwenden.

  1. Reaktionsfreudig

Auf der reaktionsfähigen Registerkarte können Sie das Erscheinungsbild Ihrer Elemente auswählen. Sie können die Einstellungen auf jeder Plattform ändern, z. B. in den Bereichen Desktop, Tablet und Mobilgeräte.

Zeitleiste für Elementor-Inhalte
Reaponsivess-Funktion des WordPress Elementor-Content-Timeline-Widgets
  1. Benutzerdefinierte CSS

Wie der Name schon sagt, können Sie mit dieser Funktion benutzerdefiniertes CSS in Ihren Beitrag einfügen. Sie benötigen jedoch die ElementsKit Pro-Version um benutzerdefiniertes CSS oder Attribute in Ihre Webseite einzufügen.

Das ist alles, was Sie im Widget „Content Timeline“ von ElementsKit – All in One Addon für Elementor Page Builder – erhalten.

Warum sollten Sie die Content Timeline von ElementsKit verwenden?

Okay! Ich hoffe, Sie haben alle unsere Funktionen im vorherigen Abschnitt durchgesehen. Sollten Sie also ElementsKit verwenden oder bei der herkömmlichen Methode mit Stift und Papier bleiben?

Nun, ich denke, Sie müssen die Content Timeline von ElementsKit verwenden. Konzentrieren wir uns auf einige Hauptgründe für die Verwendung dieses Produkts.

  • Benutzerfreundlich

Sie benötigen keine Programmier- oder Designkenntnisse, um mit ElementsKit eine Inhaltszeitleiste zu erstellen. Dadurch wird es absolut benutzerfreundlich.

  • Zeitersparnis

Das Erstellen einer neuen Zeitleiste und das manuelle Anpassen ist ein zeitaufwändiger Prozess. Hoffentlich können Sie mit diesem Mehrzweck-Plugin innerhalb weniger Minuten eine Zeitleiste erstellen oder anpassen.

  • Integrierte Layouts

ElementsKit verfügt über mehrere integrierte Zeitleistenstile. Wenn Sie sich in einem Notfall befinden und keine Zeit haben, einen Zeitplan zu entwerfen, sind Sie bei uns genau richtig. Wählen Sie einfach eines dieser integrierten Layouts, passen Sie die Texte an und veröffentlichen Sie!

  • Erweiterte Optimierung

Mit dem Timeline-Modul können Sie einige erweiterte Optimierungen vornehmen, um eine einfachere und auffälligere Timeline für Ihre Website zu erstellen. Wir haben die erweiterte Optimierungsfunktion bereits im Abschnitt „Erweiterte Anpassung“ besprochen.

  • Schnell und reaktionsschnell

Das Timeline-Modul von ElementsKit ist extrem leichtgewichtig und lädt schnell. Da es sich um ein responsives Produkt handelt, passt es auch hinsichtlich der Bildschirmgröße in jedes Gerät.

Dinge, die einer Inhaltszeitleiste hinzugefügt werden müssen

Eine Zeitleiste zu erstellen ist keine große Sache. Aber die Erstellung einer einfallsreichen und auffälligen Zeitleiste ist eine ziemlich kreative Aufgabe!

Nun, wenn Sie die folgenden Optionen hinzufügen, wird Ihre Zeitleiste Ihr Projekt einfallsreicher machen und alle Ihre Fragen erfüllen. Werfen wir einen kurzen Blick auf die Optionen, die möglicherweise in Ihrer Timeline enthalten sind.

  • Datum

Können Sie sich eine Zeitleiste ohne Datum vorstellen?

Nein!

Aus diesem Grund müssen Sie in Ihrer Content-Timeline entsprechende Daten hinzufügen. Sonst ist es reine Zeitverschwendung. Eine Zeitleiste ohne Datum hat für ihr Publikum keinen Wert.

  • Relevante Überschrift

Vergessen Sie nie, Ihrer Zeitleiste einen Namen zu geben. Eine passende Überschrift ermöglicht es den Benutzern, den Zweck Ihrer Chronik schnell zu verstehen.

  • Grafisches Symbol

Durch die Verwendung auffälliger illustrierter Bilder, Symbole oder anderer grafischer Elemente wird Ihre Zeitleiste lebendig und äußerst ansprechend.

  • Design

Wählen Sie ein auffälliges Design, das zu Ihrer Timeline-Präsentation passt. Es sorgt für Klarheit und vereinfacht die Wahrnehmung.

  • Kurze Beschreibung

Die kurzen Beschreibungen ermöglichen es den Benutzern, die Meilensteine Ihres Timeline-Projekts zu verstehen.

Letzte Worte

Die Content-Timeline ist das perfekte Element, um die Meilensteine eines Projekts darzustellen. Obwohl es einen langen Zeitraum abdeckt, sollten Sie es nicht mit übermäßigen Beschreibungen überladen. Versuchen Sie stattdessen, es einfach zu halten, indem Sie Bilder, kurze Beschreibungen usw. verwenden.

Dieses Elementor-Timeline-Widget kann Benutzern erheblich dabei helfen, problemlos eine Timeline zu erstellen und anzupassen.

Wenn Ihnen noch Fragen zur Zeitleiste der Elementor-Inhalte durch den Kopf gehen, posten Sie Ihre Anfrage im Kommentarbereich. Ich werde so schnell wie möglich auf Ihre Anfrage antworten!

Es ist Zeit, mit der Erstellung Ihrer Content-Timeline auf Ihrer WordPress-Site zu beginnen!


Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert