So präsentieren Sie eine Zeitleiste mit Elementor (basierend auf Monstroid2-Skin)

Last Updated on 11/10/2021 by MTE Leben

In diesem einfachen und schnellen Tutorial erfahren Sie, wie Sie eine Zeitleiste mit Elementor anwenden. Als Beispiel haben wir einen Monstroid2-Skin genommen.

Was ist ein Zeitleistenblock in Elementor

Eine Zeitleiste ist ein leistungsstarkes Werkzeug mit einem prächtigen Design, das eine großartige Möglichkeit ist, den Inhalt Ihrer Website anzuzeigen. Mit Hilfe des Elementor-Plugins können Sie es ohne eine Zeile Code verwenden! Darüber hinaus verfügt es über eine Reihe von Funktionen, wie zum Beispiel:

hilft, Ihre Projekte oder Ihren Workflow effektiver zu verwalten;
• die Besucher Ihrer Website können den Fortschritt und die Erfolge verfolgen;
• zeigt die Geschichte Ihres Unternehmens in chronologischer Reihenfolge an.

So erstellen und passen Sie eine Zeitleiste mit Elementor an

Die Implementierung einer Zeitleiste mit Elementor auf Ihrer Seite ist völlig mühelos. Da unser Tutorial auf der Monstroid2-Skin namens FastApp basiert, enthalten alle folgenden Beispiele geeignete Screenshots. Es steht Ihnen jedoch frei, jedes andere Theme zu verwenden, das die notwendigen Technologien an Bord hat. Los geht's!

Gehen Sie als ersten Schritt auf die Seite Ihrer Website, auf der Sie einen Timeline-Block anzeigen möchten.

• Klicken Sie auf die Schaltfläche „Mit Elementor bearbeiten“, um den Editorbereich zu öffnen.
Gehen Sie zum Bedienfeld „Elemente“ und geben Sie den Text „Zeitachse“ in das Suchfeld ein. Hier können Sie die beiden Arten von Blöcken sehen: vertikale und horizontale Zeitleisten.
• Wählen Sie diejenige aus, die am besten zum Design und Konzept Ihrer Website passt, und ziehen Sie und legen Sie es auf dem neu erstellten Abschnitt ab. Als Beispiel haben wir eine vertikale Zeitachse genommen.
Jetzt sehen Sie eine grundlegende Benutzeroberfläche des vertikalen Zeitachsen-Elementor-Blocks. Auf der Registerkarte Inhalt können Sie die Anzahl der Karten bearbeiten und jede Karte separat anpassen. Sie können auch den Titel-HTML-Tag für die Überschriften festlegen.
• Im Bereich Layout können Sie die Karten animieren, die Ausrichtung und den horizontalen oder vertikalen Abstand festlegen .
• Lass uns drei Karten in unserer Zeitleiste lassen. Machen Sie sie animiert und stellen Sie die anderen Werte nach Ihren Wünschen ein.

Kommen Sie zurück zu den Karteneinstellungen und klicken Sie auf die Karte, um mit der Bearbeitung zu beginnen.

• Schreiben Sie den Titel und das Meta Ihrer Karte auf. Sie können auch eine kleine Beschreibung zum Thema präsentieren. Entscheiden Sie, ob Sie ein Bild anzeigen möchten oder nicht.
• Wählen Sie zwischen dem Inhaltstyp Symbol oder Textpunkt. Falls Sie Symbole bevorzugen, können Sie eines aus der Symbolbibliothek auswählen. Sie können auch eine Schaltfläche und ihren Text festlegen und einen Link hinzufügen.
• Vergessen Sie nicht, auf die Schaltfläche „Aktualisieren“ zu klicken, um die Änderungen zu speichern.
Als nächsten Schritt gehen wir zur Registerkarte Stil. In diesem Reiter können Sie alle Optionen entsprechend dem Stil Ihres Stundenplanblocks einstellen.
• Sie sind völlig frei, einen Rahmen zu setzen und ihn anzupassen. Sowie die Hintergrundfarbe und der Kastenschatten der Karten.
• Ändern Sie die Typografie des Blocks, sowohl Titel als auch Beschreibung.
• Zusätzlich können Sie den Button, den Metatext, Punkte und Linien stylen.

Wie Sie sehen, haben Sie jetzt eine komplett einsatzbereite und moderne Karte. Alles, was Sie tun müssen, ist, die anderen anzupassen. Wir hoffen, Ihnen gefällt unser einfaches und schnelles Tutorial! Abonnieren Sie unseren Newsletter, um weitere nützliche Tutorials und Angebote zu finden!