Einige Seiten müssen gerade jetzt angezeigt werden: das aktuelle Datum auf einer Buchungsseite, ein Zeitstempel auf einer Statustafel, das heutige Datum in einer Kopfzeile Die Aktuelle Uhrzeit Widget in Master-Addons für Elementor Druckt die Live-Serverzeit in jedem Format, von einem rohen Unix-Zeitstempel bis “4. Juli 2026 10:36 Uhr”, gestylt wie jeder andere Elementor-Text.
Es ist eines der kleinsten Widgets im Plugin und diese Anleitung deckt alles ab: die drei Zeittypen, die Formatzeichenfolgen und das Styling.
Was das Current Time Widget macht #
Das Widget gibt das aktuelle Datum und die aktuelle Uhrzeit als Text aus, neu generiert auf jeder Seitenladung Sie wählen aus, wie es mit dem Art der Zeit Einstellung, und die Registerkarte Stil behandelt Farbe, Schatten und Typografie Das ist das ganze Widget, genau deshalb ist es nützlich: kein Shortcode, kein Code-Snippet, nur die Zeit, wo Sie es ablegen.
Bevor Sie beginnen #
- WordPress Mit Elementor Installiert und aktiv.
- Master-Addons für Elementor Installiert und aktiv Neu im Plugin? siehe die Installationsführung.
- Das Current Time-Widget ist im Master Addons-Optionsfeld unter Dynamic Widgets aktiviert.
- Ihre WordPress-Zeitzone korrekt eingestellt unter Einstellungen, Allgemein Das Widget gibt die Zeit der Seite aus, so dass eine falsche Zeitzone eine falsche Uhr anzeigt.
So fügen Sie das Current Time-Widget hinzu #
Suchen Sie im Elementor-Editor nach Elemente Panel für Aktuelle Uhrzeit Und auf die Seite ziehen, Es druckt die Zeit sofort im Standard-MySql-Format, wie 2026-07-04 10:35:43, bereit für die Neuformatierung.
Wählen Sie den Zeittyp aus #
Die General Abschnitt hat zwei Steuerelemente: Art der Zeit und Ausrichtung. Der Typ-Dropdown bietet drei Ausgänge: MySql2026-07-04 10:35:43 druckt die Standardeinstellung eine Datenzeit im Datenbankstil wie 2026-07-04; TimeStamp Druckt den rohen Unix-Zeitstempel, die Anzahl der Sekunden seit 1970; Und Benutzerdefiniert Format nimmt, das Sie definieren Hier ist TimeStamp auf der Leinwand:
Ein Zeitstempel passt zu technischen Seiten und Countdown-Integrationen. Für alles, was Besucher tatsächlich lesen, wechseln Sie den Typ auf Benutzerdefiniert; Niemand möchte die Sekunden seit 1970 rechnen.
Erstellen Sie ein benutzerdefiniertes Datumsformat #
Mit Benutzerdefiniert Ausgewählt, a Datumsformatzeichenfolge Feld erscheint Es nimmt Standard-PHP-Datumsformat Zeichen: die Demo F j, Y g:i a Wird als “4. Juli 2026 10:36 Uhr” auf der Leinwand im Moment der Eingabe wiedergegeben.
Die Beispiele für Datumszeitformate Link unter dem Feld öffnet eine Referenz von vorgefertigten Strings mit deren Ausgabe, so dass Sie eine kopieren können, anstatt Zeichen im PHP-Format zu merken:
Ein paar aus der Liste:
F j, Y g:i a6. NOVEMBER 20 12:50 UHRF j, Y6. NOVEMBER 20g:i a1:50 Uhrl, F jS, Y6. November 2010Y/m/d2010/1
Gestalten Sie die Ausgabe #
Die Stil Tab hat einen Abschnitt Text, mit drei Bedienelementen. Farbe Legt die Textfarbe fest, und Text Schatten Fügt Unschärfe und Versatz hinzu, wenn die Zeit über einem Bild liegt:
Typografie Familie, Größe und Gewicht abdeckt Die Demo setzt Roboto halbfett und verwandelt die schlichte Linie in etwas, das sich in einem Header behauptet:
Das Ergebnis auf der Seite #
Die veröffentlichte Seite druckt das Live-Datum und die Live-Zeit in Ihrem Format und Stil, frisch auf jeder Ladung:
Häufige Anwendungsfälle #
- Kopfzeilen- und Topbar-Daten auf Nachrichten - und Zeitschriftenseiten.
- Buchungs - und Reservierungsseiten Zeigt neben dem Formular auch das heutige Datum an.
- Status - und Dashboard-Seiten Mit einem “Stand” - Zeitstempel.
- Countdown und Angebotsbereiche Das aktuelle Datum mit einem kombinieren Countdown-timer.
- Druckfreundliche Seiten Wie Zitate und Rechnungen, die den Tag tragen sollten, an dem sie angesehen wurden.
Tipps für die Nutzung des Widgets #
- Legen Sie zuerst die Zeitzone fest. Das Widget druckt die Uhr von WordPress; Wenn die Website-Zeitzone UTC ist, ist das Widget auch so Einstellungen, Allgemein, Zeitzone.
- Kopie von der Beispielseite. Die unter dem Feld verlinkte Formatreferenz deckt die gemeinsamen Layouts ab; dort starten und anpassen.
- Wörtliche Briefe entkommen. In PHP-Datumszeichenfolgen sind Buchstaben Formatcodes. Die Referenz
Y/m/d \a\t g:i AZeigt, wie ein wörtliches “at” Rückschläge bekommt. - Gedanken-caching. Die Zeit rendert beim Laden der Seite, also zeigt eine Seite, die eine Stunde lang zwischengespeichert wurde, eine einstündige Zeit an. Gut für Datumsangaben, irreführend für eine Uhr.
- Halten Sie das Format in Kopfzeilen kurz. “4. Juli 2026” passt in eine Topbar; die vollständige Datums-plus-Zeit-Saite will einen breiteren Spot.
Video-Tutorial #
Wenn Sie das Current Time-Widget in Aktion sehen möchten, deckt dieses kurze Video das gesamte Setup ab, von der Standardausgabe bis zum gestylten benutzerdefinierten Datum:
Häufig gestellte Fragen #
Was ist das Current Time Widget in Master Addons?
Es handelt sich um ein Elementor-Widget, das das Live-Datum und die Live-Zeit als Text ausgibt Wählen Sie die MySql-Datenzeitvorgabe, einen rohen Unix-Zeitstempel oder einen benutzerdefinierten Typ mit einer beliebigen PHP-Datumsformatzeichenfolge, richten Sie sie aus und gestalten Sie Farbe, Schatten und Typografie auf der Registerkarte Stil.
Wie ändere ich das Datumsformat?
Setzen Sie den Zeittyp auf Benutzerdefiniert und geben Sie eine PHP-Datumsformatzeichenfolge in das Feld Datumsformatzeichenfolge ein, zum Beispiel wird F j, Y g: i a um 4. Juli 2026 um 10:36 Uhr gerendert Der Link Datumszeitformat Beispiele unter dem Feld listet fertige Zeichenfolgen auf.
Welche Zeitzone verwendet das Widget?
Es verwendet Ihre WordPress-Site-Zeitzone aus Einstellungen, Allgemein Wenn die angezeigte Zeit falsch aussieht, korrigieren Sie die Zeitzone dort und nicht im Widget; Das Widget hat keine separate Zeitzoneneinstellung.
Ist das Zeitupdate live auf der Seite?
Die Zeit wird beim Laden der Seite generiert, so zeigt jeder Besuch die aktuelle Uhrzeit in diesem Moment an, sie tickt nicht wie eine Uhr vorwärts, während der Besucher auf der Seite bleibt, und zwischengespeicherte Seiten zeigen die Zeit an, in der der Cache aufgebaut wurde.
Kann ich nur das Datum ohne die Uhrzeit anzeigen?
Ja. Verwenden Sie eine Formatzeichenfolge ohne Zeitzeichen, wie F j, Y für den 4. Juli 2026 oder Y/m/d für 2026/07/04. Jede Kombination von PHP-Datumszeichen funktioniert, sodass die Ausgabe nur ein Jahr lang erfolgen kann.
Einwickelnd #
Das Current Time Widget erledigt einen Job sauber: das Live-Datum und die Live-Zeit, in jedem Format, das PHP ausdrücken kann, gestylt wie nativer Elementortext Legen Sie die Zeitzone der Website fest, wählen Sie eine Formatzeichenfolge aus oder kopieren Sie sie selbst Durchsuchen Sie den vollständigen Satz von Master Addons Widgets und Erweiterungen Für den Rest der dynamischen Widgets überprüfen Sie die Preisseite Für das, was Pro hinzufügt.
