Das Hinzufügen des heutigen Datums zu Ihrer WordPress-Website ist eine dieser kleinen Berührungen, die Ihre Website professioneller und aktueller aussehen lassen können.
Schauen Sie sich nur große Nachrichtenseiten an – sie alle zeigen das aktuelle Datum prominent an, da dies hilft, die Aktualität und Relevanz des Inhalts zu etablieren.
Nachdem wir diese Funktion auf zahlreichen WordPress-Websites implementiert haben, können wir Ihnen sagen, dass die Anzeige des aktuellen Datums keine fortgeschrittenen technischen Kenntnisse oder teure Plugins erfordert.
Tatsächlich gibt es zwei zuverlässige Methoden, die sowohl für Anfänger als auch für erfahrene Benutzer perfekt funktionieren.
In this guide, we’ll share these two easy ways to add today’s date to your WordPress site. These methods are tested, reliable, and can be implemented in just a few minutes.
Warum das heutige Datum in WordPress anzeigen?
Viele Nachrichten-Websites zeigen das aktuelle Datum im Kopfbereich ihrer Websites an, insbesondere kleinere Nachrichten-Websites, die ihre Hauptartikel täglich veröffentlichen.
Dies versichert den Benutzern, dass sie die neueste Ausgabe der Online-Ausgabe der Publikation sehen. Es ist eine nützliche stilistische Entscheidung, die viele Nachrichten-Websites immer noch treffen, obwohl sie ihre Titelseiten mehrmals täglich aktualisieren.
Ähnlich haben Online-Journale und Blogger diesen Stil übernommen. Dies versichert den Benutzern, dass sie die neuesten Einträge auf einem Blog sehen.
Es gibt andere Anwendungsszenarien, bei denen Sie einfach das aktuelle Datum und die aktuelle Uhrzeit anzeigen möchten.
Zum Beispiel, wenn Ihr Live-Chat zu bestimmten Zeiten funktioniert und Sie den Kunden anzeigen möchten, wie spät es an Ihrem geografischen Standort ist. Oder Sie führen eine Countdown-Timer-Kampagne durch und möchten das aktuelle Datum anzeigen, um einen stärkeren FOMO-Effekt zu erzielen.
Das gesagt, schauen wir uns an, wie Sie das heutige Datum, den Tag oder die aktuelle Uhrzeit einfach auf Ihrer WordPress-Website anzeigen können. Wir werden zwei Methoden behandeln, und Sie können die Schnelllinks unten verwenden, um zu der Methode zu springen, die Sie verwenden möchten:
- Anzeige des heutigen Datums durch Hinzufügen von Code zu einer Vorlagendatei
- Das heutige Datum mit Shortcode überall anzeigen
- Expertenleitfäden zur Anzeige von Datumsangaben in WordPress
Methode 1: Anzeige des heutigen Datums durch Hinzufügen von Code zu einer Vorlagendatei
WordPress verfügt nicht über ein Standard-Widget oder einen Standard-Block zur Anzeige des aktuellen Datums oder der aktuellen Uhrzeit.
Sie können jedoch immer noch das aktuelle Datum oder die aktuelle Uhrzeit mit sehr einfachem Code anzeigen.
Sie können diesen einfachen Code zu den Vorlagendateien Ihres WordPress-Themes hinzufügen, wo immer Sie die Uhrzeit anzeigen möchten:
<?php echo date(get_option('date_format')); ?>
Dieser Code gibt einfach das aktuelle Datum aus, wobei das Datumsformat verwendet wird, das in Ihren WordPress-Einstellungen festgelegt ist. Sie können das Datumsformat ändern, indem Sie die Seite Einstellungen » Allgemein besuchen.
Sie können auch Ihre eigenen Formatierungs-Tags verwenden, um das Datum in einem beliebigen anderen Format auszugeben. Zum Beispiel können Sie mit dem folgenden Code das Datum im Format Monat, Tag und Jahr ausgeben.
<?php echo date('F j, Y'); ?>
So sah es auf unserer Demo-Website aus.
Diese Methode ermöglicht es Ihnen, den Code direkt zu den WordPress-Theme-Dateien hinzuzufügen, ist aber nicht sehr flexibel. Was ist, wenn Sie das aktuelle Datum und die Uhrzeit in einem WordPress-Beitrag, einer Seite oder einem Sidebar-Widget anzeigen möchten?
Diese nächste Methode ermöglicht es Ihnen, das Datum und die Uhrzeit überall auf Ihrer Website hinzuzufügen.
Methode 2: Anzeige des heutigen Datums überall mit Shortcode (empfohlen)
Für diese Methode erstellen wir einen Shortcode und verwenden ihn dann, um das Datum und die Uhrzeit überall auf unserer WordPress-Website anzuzeigen.
Fortgeschrittene Benutzer können Code direkt in die functions.php-Datei Ihres Themes einfügen. Wir empfehlen jedoch die Verwendung eines Plugins für benutzerdefinierte Code-Snippets wie WPCode, da dies das Hinzufügen von benutzerdefiniertem Code zu Ihrer Website sehr sicher und einfach macht.
Nach gründlichen Tests haben wir festgestellt, dass es super anfängerfreundlich und vertrauenswürdig ist. Weitere Details finden Sie in unserem WPCode-Testbericht.
Das Erste, was Sie tun müssen, ist das kostenlose WPCode-Plugin zu installieren. Detaillierte Anweisungen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.
Nach der Aktivierung sollten Sie zu Code Snippets » + Snippet hinzufügen in Ihrem WordPress-Dashboard navigieren. Dies ermöglicht Ihnen, ein neues Code-Snippet zu Ihrer Website hinzuzufügen.
Dort angekommen, müssen Sie mit der Maus über die Option „Benutzerdefinierten Code hinzufügen (Neues Snippet)“ fahren und dann auf die Schaltfläche „+ Benutzerdefiniertes Snippet hinzufügen“ klicken.
Als Nächstes müssen Sie aus der Liste der angezeigten Optionen 'PHP-Snippet' als Code-Typ auswählen.
Fügen Sie dann einen Titel für das Snippet hinzu, z. B. „Heutiges Datum hinzufügen“.
Next, you need to copy and paste the following code snippet into the Code Preview field.
function wpb_date_today( $atts, $content = null ) {
$atts = shortcode_atts( array(
'format' => '',
), $atts );
$date_time = '';
if ( $atts['format'] == '' ) {
$date_time .= date( get_option( 'date_format' ) );
} else {
$date_time .= date( $atts['format'] );
}
return $date_time;
}
add_shortcode( 'date-today', 'wpb_date_today' );
Anschließend müssen Sie den Schalter „Aktiv“ auf die Position „Ein“ stellen.
Jetzt können Sie auf die Schaltfläche „Snippet speichern“ klicken, um das Code-Snippet auf Ihrer Website zu speichern.
Dieser Code erstellt einfach einen Shortcode, der das aktuelle Datum anzeigt. Sie können ihn verwenden, indem Sie diesen Shortcode irgendwo auf Ihrer Website hinzufügen:
[date-today]
Standardmäßig zeigt der Shortcode das Datum im Standard-Datumsformat Ihrer WordPress-Einstellungen an.
Sie können auch Ihr eigenes Datumsformat verwenden, indem Sie den Shortcode wie folgt ändern:
[date-today format='F j, Y']
Dann sollte es auf Ihrer Website ungefähr so aussehen.
Expertenleitfäden zur Anzeige von Datumsangaben in WordPress
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie das heutige Datum einfach in WordPress anzeigen. Möglicherweise möchten Sie auch einige andere Anleitungen zum Anzeigen von Daten in WordPress sehen:
- Datums- und Zeitformat in WordPress ändern
- So zeigen Sie Blogbeitrags-Metadaten in Ihren WordPress-Themes an
- So zeigen Sie relative Daten in WordPress an
- So zeigen Sie das Datum der letzten Aktualisierung Ihrer Beiträge in WordPress an
- So fügen Sie ein dynamisches Copyright-Datum in die WordPress-Fußzeile ein
- Datum und Uhrzeit aus WordPress-Kommentaren entfernen
- So entfernen Sie das Datum aus WordPress-URLs
- So fügen Sie einen Google-Kalender in WordPress hinzu (Schritt für Schritt)
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
da_hammer nath
Danke, einfach und nützlich. Wirklich sehr geschätzt!
WPBeginner Support
Gern geschehen!
Admin
Dennis Muthomi
Hallo, ich habe eine Frage zur Zeitanzeige: Was ist, wenn meine Website Besucher aus verschiedenen Zeitzonen hat? Wird das angezeigte Datum und die Uhrzeit an ihre lokale Zeit angepasst oder wird immer die Zeit basierend auf den Einstellungen der Website angezeigt?
WPBeginner Kommentare
Diese Methoden in diesem Leitfaden zeigen das Datum und die Uhrzeit für die Zeitzone der Website an.
Jiří Vaněk
Es ist eine PHP-Funktion und sie ist leider so eingestellt, dass sie die Serverzeit verwendet. PHP prüft die auf dem Server eingestellte Zeit, auf dem Ihr Shared Hosting läuft, und zeigt diese Zeit an. Daher ist diese Methode für Ihre Zwecke nicht geeignet. Was Sie benötigen, müsste von einem Plugin gehandhabt werden, das zuerst den Standort des Benutzers anhand seiner IP-Adresse ermittelt und dann die lokale Zeit des Benutzers anzeigt. Dies ist ein viel komplexeres Problem, das nicht mit einem einzigen Skript gelöst werden kann. Sie benötigen ein Plugin, das auch auf eine GEO-IP-Datenbank zugreifen kann, um festzustellen, aus welchem Land der Benutzer stammt.
Mrteesurez
Danke fürs Teilen.
Die Uhrzeit wird nicht angezeigt, nur das Datum. Ich möchte, dass sowohl Datum als auch Uhrzeit nebeneinander oben angezeigt werden, damit alle Besucher, einschließlich der Administratoren, sie sehen können.
WPBeginner Support
Dafür müssten Sie das Format im Shortcode ändern zu: format=’F j, Y h:i’
Admin
WPBeginner Kommentare
Die einfachste Option wäre wahrscheinlich die Verwendung dieses Plugins: https://www.wpbeginner.com/plugins/display-time-according-wordpress-blog-admin-bar/
Be sure to check out the second section for a guide on how to add the time to the site and not just the admin bar.
Bitte beachten Sie, dass dies die Uhrzeit unter Verwendung der Zeitzone des Blogs ist, nicht die des Website-Besuchers.
ducmu
wie zeige ich die Uhrzeit an?
Ihr Code enthält nur das Datum
Bert Hennephof
Code funktioniert nach Upgrade von PHP 7.4 auf PHP 8.2 nicht mehr
WPCode zeigt Fehler in Zeile an:
if ($atts[‘format’] == ”) {
WPBeginner Support
Beim Testen des Snippets bei uns funktioniert es derzeit unter PHP 8.2. Es würde von der spezifischen Fehlermeldung abhängen, die Sie auf der Zeile sehen.
Admin
Ihtisham Z
Vielen Dank für den tollen Artikel.
Ich wollte hier nur anmerken, dass, wenn das Format-Attribut nicht vom Benutzer bereitgestellt wird, der Shortcode fehlschlägt, was zu einem kritischen Fehler (Parsen des Attributs als String) und zum Absturz der Seite führt. Wir müssen also den String in ein Array konvertieren.
function wpb_date_today($atts, $content = null) { if ( ! is_array( $atts ) ) { $atts = []; }
// rest of the code…
}
Chris Colotti
Danke für das Code-Update!!! Der Snippet hat einige Zeit funktioniert und dann, wie von Ihnen angegeben, nicht mehr funktioniert.
Generosus
Nützlicher Tipp:
Methode 2 (oben aufgeführt) liefert eine Datumsanzeige im UTC-Format. Um die Ausgabe auf lokales Zeitformat zu ändern, ersetzen Sie „date“ durch „wp_date“ (2 Stellen).
Es wäre gut, eine Anmerkung in Ihren obigen Anweisungen zu machen.
You’re welcome
WPBeginner Support
Thank you for sharing that and for your feedback
Admin
Kathy
Ich wollte das wirklich gerne nutzen, aber nachdem ich es zu meiner functions.php-Datei hinzugefügt habe, erhalte ich Folgendes:
Warning: Illegal string offset ‘format’ in /XXXXXXXXXX/functions.php
Es zeigte das Datum, aber die Warnung erschien auch.
WPBeginner Support
Vielen Dank für die Benachrichtigung, wir werden uns das ansehen und vorerst wird der zweite Shortcode mit dem angegebenen Format diese Warnung vermeiden.
Admin
Sunday Samuel
Danke dafür
Hat mich davor bewahrt, ein weiteres Plugin zu installieren
Ich bin dankbar
WPBeginner Support
Wir freuen uns, dass unser Leitfaden hilfreich war!
Admin
hugo
Hallo, danke für den Code.
Ist es möglich, den Monat auf Spanisch und/oder als Zahl anzuzeigen?
Grüße,
WPBeginner Support
Um das Datum als Zahlen hinzuzufügen, wenn Sie die echo date-Methode verwenden, würden Sie F j, Y zu m/d/Y ändern
Admin
Rebekah
Ist es möglich, ein sich bewegendes Datum anzuzeigen? Zum Beispiel das heutige Datum plus 7 Tage? Ich hätte gerne etwas auf meiner Website, das immer das Datum eine Woche ab heute anzeigt.
Henry
Das Hinzufügen dieses PHP-Codes in die Header-Datei ist in Ordnung, aber wie kann ich steuern, wo mein Datum auf der Seite erscheinen soll?
Mark
Use the shortcode
Shiva
sehr schön
anees
vielen Dank!!
Jon
Oder mit Javascript:
var dateToday = new Date(); var yearToday = dateToday.getFullYear(); document.write(yearToday);
Abiodun
Hallo
wie ändere ich die Farbe dieses Codes?
es ist in einer Archivfarbe und ich möchte es in weiß
sameh
Wie kann ich die Sprache des Datumsformats auf Arabisch ändern???? Vielen Dank im Voraus
morteza ahamadi
Ich bin ein echter Anfänger, wo sollen diese Codes hinzugefügt werden?
123projekt
Hallo
wie kann ich die Schriftart und die Farbe dieses Codes ändern?
WPBeginner Support
Mit CSS können Sie die Farben ändern. Um CSS zu verwenden, fügen Sie das Datum-Template-Tag wie folgt hinzu:
<span class="date"><?php echo date('l jS F Y'); ?></span>1-click Use in WordPress
Nun können Sie in der Stylesheet Ihres Themes CSS hinzufügen, wie hier:
.date { color: blue; border: 1px solid #CCC; }1-click Use in WordPress
Admin
Clare
Ich fange an zu entdecken, dass man mit WP alles machen kann, wenn man sich nur die Zeit nimmt, es zu lernen – und das meiste davon ist so einfach. 2011 ist das Jahr, in dem man Plugins ablegen und meine Website entlasten kann!
Redaktion
Good call
Admin
Petit Nuage
Ihr Vorschlag ist falsch, da Sie vergessen haben, die lokale Zeitzone zu berücksichtigen, wie im Dashboard definiert.
Redaktion
Wir haben zwei Lösungen erwähnt. Eine, bei der Sie die Servereinstellung verwenden können, oder zwei, bei der Sie die WordPress-Einstellung verwenden können. Wenn Sie eine dritte Lösung haben, teilen Sie sie uns bitte mit, anstatt zu sagen, dass wir falsch liegen, denn beide oben genannten Lösungen funktionieren.
Admin
andreeib
Ich habe das früher mit einer Shortcode-Funktion in WordPress gemacht.
Chase Adams
Warum nicht einfach verwenden? Ist es nicht viel einfacher als eingebaute Funktion, bei der Sie den Anzeigetyp unter Einstellungen > Allgemein ändern können?
Günstige Seiten
Ja, das war wirklich einfach! Danke fürs Teilen =D