Last Updated on 11/10/2021 by MTE Leben
In diesem Tutorial erfahren Sie, wie Sie mit dem Countdown-Timer-Modul von JetElements arbeiten und es an Ihre Bedürfnisse anpassen.
Navigieren Sie zunächst zur Bearbeitungsseite von Elementor. Klicken Sie auf die Schaltfläche Neuen Abschnitt hinzufügen.
Wählen Sie die am besten geeignete Struktur aus.
Ziehen Sie das Countdown-Timer-Modul.
Klicken Sie auf Widget bearbeiten in in der oberen rechten Ecke und navigieren Sie zur Registerkarte Inhalt für weitere Anpassungen.
In der geöffneten Registerkarte Inhalt finden Sie den Block Allgemein . Hier können Sie das Fälligkeitsdatum festlegen. Standardmäßig ist es entsprechend Ihrer Zeitzone eingestellt. Sie können auch markieren, um Tage, Stunden, Minuten und Sekunden in Ihrem Widget anzuzeigen oder auszublenden. Außerdem können Sie Ihren eigenen Text in die Felder Tagsbezeichnung, Stundenbezeichnung, Minutenbezeichnung und Sekundenbezeichnung eingeben. Im Blocks Separator-Feld können Sie Ihre Symbole frei platzieren.
Wie man das Countdown-Timer-Widget gestaltet
Navigieren Sie zur Registerkarte Stil und lokalisieren Sie Blöcke, die angepasst werden können.
Klicken Sie auf Artikelblock. Hier können Sie die Elementgröße, den Abstand und den Rand ändern, den Randtyp, seine Farbe, Breite und den Randradius einstellen. Außerdem können Sie bei Bedarf Box Shadow hinzufügen.
Im Elementblock können Sie entweder Klassisch oder Hintergrund mit Farbverlauf wählen. Sehen wir uns beide an.
Klassischer Hintergrundtyp
Klicken Sie auf die Option Klassisch. Im geöffneten Block können Sie entweder Farbe oder Bild auswählen (aus Ihrer Bibliothek auswählen oder von Ihrer Festplatte hochladen). Wenn Sie die Bildoption ausgewählt haben, können Sie Position aus der Dropdown-Liste, Anhang, Wiederholung und Größe auswählen.
Hier ist, was wir jetzt haben.
Hintergrundtyp mit Farbverlauf
Klicken Sie auf die Option Farbverlauf. Hier sehen Sie Optionen zur Auswahl von zwei Farben, um einen Farbverlaufseffekt zu erzeugen. Außerdem müssen Sie Standort, Typ und Winkel festlegen. Hier können Sie den Rahmentyp und seine Breite und Farbe hinzufügen. Der Box Shadow kann bei Bedarf auch hinzugefügt werden.
Hier ist, was wir haben.
Navigieren Sie zum Label-Block. Hier finden Sie die gleichen Optionen wie in den Schritten 7-9.
Hier ist, was wir haben.
Der Ziffernblock enthält auch Optionen wie in den Schritten 7-9.
Scrollen Sie nach unten und Sie sehen den Block Digit Item Styles, der es ermöglicht, den Ziffernhintergrund zu gestalten. Diese Option hat ähnliche Optionen.
Hier ist, was wir haben.
Klicken Sie auf den Block Trennzeichenstile, um Trennelemente anzupassen. Hier können Sie die Farbe auswählen, die Größe festlegen, Schriftart und Rand auswählen.
Hier ist, was wir haben.
Klicken Sie auf Bestellblock. Hier können Sie die Reihenfolge der Ziffern und Etiketten auswählen.
Hier ist, was wir haben. Das ist alles! Jetzt können Sie den Countdown-Timer für Ihre Website verwenden!
