Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man das heutige Datum in WordPress anzeigt (2 einfache Methoden)

Möchten Sie das heutige Datum in WordPress anzeigen?

Viele Nachrichten-Websites, Online-Journale und häufig aktualisierte Blogs möchten möglicherweise das aktuelle Datum und die Uhrzeit anzeigen. Auf diese Weise erhalten die Nutzer einen Überblick über das aktuelle Datum und darüber, wie lange es her ist, dass der Inhalt veröffentlicht wurde.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach das heutige Datum oder die aktuelle Uhrzeit auf Ihrer WordPress-Website anzeigen können.

Displaying current date and time in WordPress

Warum das heutige Datum in WordPress anzeigen?

Viele Nachrichten-Websites zeigen das aktuelle Datum in der Kopfzeile an, insbesondere kleinere Websites, die ihre wichtigsten Meldungen täglich veröffentlichen.

A news website showing current date in their website header

Dies gibt den Nutzern die Gewissheit, dass sie die neueste Ausgabe der Online-Publikation sehen. Dies ist eine nützliche stilistische Entscheidung, die viele Nachrichten-Websites immer noch verwenden, obwohl sie ihre Titelseiten mehrmals am Tag aktualisieren.

Auch Online-Journale und Blogger haben diesen Stil übernommen. Dies gibt den Nutzern die Gewissheit, dass sie die neuesten Einträge in einem Blog sehen.

Es gibt andere Verwendungsszenarien, in denen Sie vielleicht nur das aktuelle Datum und die Uhrzeit anzeigen möchten.

Zum Beispiel, wenn Ihr Live-Chat zu bestimmten Zeiten funktioniert und Sie Ihren Kunden zeigen 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 erzeugen.

Schauen wir uns also an, wie Sie auf Ihrer WordPress-Website ganz einfach das heutige Datum, den Tag oder die aktuelle Uhrzeit anzeigen können. Wir werden zwei Methoden behandeln, und Sie können die Quicklinks unten verwenden, um zu derjenigen zu springen, die Sie verwenden möchten:

Methode 1: Anzeige des heutigen Datums durch Hinzufügen von Code zu einer Vorlagendatei

WordPress verfügt nicht über ein Standard-Widget oder einen Block zur Anzeige des aktuellen Datums oder der Uhrzeit.

Sie können jedoch mit einfachem Code das aktuelle Datum oder die Uhrzeit anzeigen.

Sie können diesen einfachen Code in die Vorlagendateien Ihres WordPress-Themes an der Stelle einfügen, an der Sie die Uhrzeit anzeigen möchten:

<?php echo date(get_option('date_format')); ?>

Dieser Code druckt einfach das aktuelle Datum unter Verwendung des in Ihren WordPress-Einstellungen festgelegten Datumsformats. Sie können das Datumsformat ändern, indem Sie die Seite Einstellungen “ Allgemein aufrufen.

Time format settings in WordPress

Sie können auch Ihre eigenen Formatierungs-Tags verwenden, um das Datum in einem beliebigen anderen Format auszugeben. Mit dem folgenden Code können Sie zum Beispiel das Datum im Format Monat, Tag und Jahr ausgeben.

<?php echo date('F j, Y'); ?>

So sieht es auf unserer Demo-Website aus.

Date and time

Mit dieser Methode können Sie den Code direkt in WordPress-Theme-Dateien einfügen, aber sie ist nicht sehr flexibel. Was wäre, wenn Sie das aktuelle Datum und die Uhrzeit in einem WordPress-Beitrag, einer Seite oder einem Seitenleisten-Widget anzeigen wollten?

Mit der nächsten Methode können Sie das Datum und die Uhrzeit überall auf Ihrer Website einfügen.

Methode 2: Anzeige des heutigen Datums an beliebiger Stelle mit Shortcode (empfohlen)

Bei dieser Methode erstellen wir einen Shortcode und verwenden ihn, um das Datum und die Uhrzeit überall auf unserer WordPress-Website anzuzeigen.

Fortgeschrittene Benutzer können den Code direkt in die Datei functions.php Ihres Themes einfügen. Wir empfehlen jedoch die Verwendung eines Plugins für individuelle Codeschnipsel wie WPCode, da es das Hinzufügen von individuellem Code zu Ihrer Website sehr sicher und einfach macht.

Als Erstes müssen Sie das kostenlose WPCode Plugin installieren. Eine detaillierte Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress Plugins.

Nach der Aktivierung sollten Sie in Ihrem WordPress-Dashboard zu Code Snippets “ + Snippet hinzufügen navigieren. So können Sie Ihrer Website ein neues Code-Snippet hinzufügen.

Adding Custom Code in WPCode

Dort müssen Sie bei Mauszeigerkontakt auf die Option „Fügen Sie Ihren individuellen Code (neues Snippet) hinzu“ und dann auf den Button „Snippet verwenden“ klicken, der erscheint. Daraufhin öffnet sich ein neues Fenster, in dem Sie den Code-Snippet hinzufügen können.

Fügen Sie zunächst einen Titel für das Snippet hinzu, z. B. „Heutiges Datum hinzufügen“.

Add a Title and the Code Snippet to WPCode

Als Nächstes müssen Sie den folgenden Codeschnipsel kopieren und in das Feld „Codevorschau“ einfügen, wie Sie im Screenshot oben sehen.

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' );

Schließlich müssen Sie im Dropdown-Menü „Code-Typ“ die Option „PHP-Snippet“ auswählen und dann den Schalter „Aktiv“ auf „Ein“ stellen.

Jetzt können Sie auf den Button „Snippet speichern“ klicken, um das Code-Snippet auf Ihrer Website zu speichern.

Choose the PHP Code Type and Toggle the Snippet On in WPCode

Dieser Code erstellt einfach einen Shortcode, der das aktuelle Datum anzeigt. Sie können ihn verwenden, indem Sie diesen Shortcode an beliebiger Stelle auf Ihrer Website hinzufügen:

[Datum-heute]

Standardmäßig wird der Shortcode das Datum im Standard-Datumsformat in Ihren WordPress-Einstellungen anzeigen.

Sie können auch Ihr eigenes Datumsformat verwenden, indem Sie den Shortcode wie folgt abändern:

[date-today format='F j, Y']

Auf Ihrer Website sollte es dann etwa so aussehen.

Date preview

Expertenanleitungen zur Anzeige von Daten in WordPress

Nun, da Sie wissen, wie man das heutige Datum in WordPress anzeigt, möchten Sie vielleicht einige andere Anleitungen zur Anzeige von Daten in WordPress sehen:

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie Sie das heutige Datum in WordPress einfach anzeigen können. Vielleicht interessieren Sie sich auch für unsere Anleitung zum Hinzufügen einer Wettervorhersage in WordPress oder unsere Expertenauswahl der besten Quiz-Plugins für WordPress.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

35 KommentareEine Antwort hinterlassen

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Mrteesurez

    Thanks for sharing.
    The time is not showing, only the date is showed. I want to show both date and time beside each other on the top for all visitorsb to see including the admins.

    • WPBeginner Support

      For that you would need to change the format in the shortcode to: format=’F j, Y h:i‘

      Admin

  3. ducmu

    how to display include time?
    your code is only date

  4. Bert Hennephof

    Code doesn’t work anymore after upgrade from PHP 7.4 to PHP 8.2
    WPCode indicates error in line:
    if ($atts[‚format‘] == “) {

    • WPBeginner Support

      From testing the snippet on our end it currently is working in php 8.2, it would depend on the specific error message you are seeing on the line.

      Admin

  5. Ihtisham Z

    Thank you for the great article.

    Just wanted to note here that, if the format attribute is not provided by the user then the shortcode will fail resulting in a critical error (parsing the attribute as string) and breaking the page. So, we need to convert the string to an array.

    function wpb_date_today($atts, $content = null) {
    if ( ! is_array( $atts ) ) {
    $atts = [];
    }

    // rest of the code…
    }

    • Chris Colotti

      Thanks for the code update!!! Snippet had been working for some time then broke as you indicated..

  6. Generosus

    Useful Tip:

    Method 2 (listed above) yields a date output in UTC format. To change the output to Local Time format, replace „date“ with „wp_date“ (2 places).

    It would be great to make a notation in your above instructions.

    You’re welcome :)

    • WPBeginner Support

      Thank you for sharing that and for your feedback :)

      Admin

  7. Kathy

    I really wanted to use this, however, after adding it to my functions file, I get this:
    Warning: Illegal string offset ‚format‘ in /XXXXXXXXXX/functions.php

    It showed the date, however, the warning showed up too.

    • WPBeginner Support

      Thank you for letting us know, we will look into this and for the time being the second shortcode with the format specified will avoid that warning.

      Admin

  8. Sunday Samuel

    Thanks for this

    Saved me from installing another plugin

    I am grateful

    • WPBeginner Support

      Glad our guide was helpful!

      Admin

  9. hugo

    Hi, thank you for the code.

    It’s possible to show the month in spanish and/or in number?

    greetings,

    • WPBeginner Support

      For adding the date as numbers if you are using the echo date method, you would change F j, Y to m/d/Y

      Admin

  10. Rebekah

    Is it possible to display a moving date? For instance, today’s date plus 7 days? I’d like to have something on my site that always displays the date one week from today.

  11. Henry

    Adding this php code in the header file is OK but how can I control where I want to appear my date on the page?

  12. Jon

    Or with Javascript:

    var dateToday = new Date(); var yearToday = dateToday.getFullYear(); document.write(yearToday);

  13. Abiodun

    Hello

    how do I change the color of this code?

    it is in an arch colour and i want it in white

  14. sameh

    How can i change the language of date format to arabic???? thanks advanced

  15. morteza ahamadi

    i am realy beginner,
    where should these codes be added?

  16. 123project

    Hi
    how can I change the font and the color of this code?

  17. Clare

    I’m beginning to discover that you can do anything with WP if you just take the time out to learn how – and most of it is so simple. 2011 is the year to ditch plugins and take the weight off my site!

  18. Petit Nuage

    Your suggestion is incorrect, since you’ve forgotten to take the local timezone into account as defined in the Dashboard.

    • Editorial Staff

      We mentioned two solutions. One where you can use the server’s setting, or two where you can use WordPress setting. If you have a third solution, then please share it with us rather than saying that we are wrong because both solutions above work.

      Admin

  19. Chase Adams

    Why not just use Isn’t it a lot easier as a built in function where you can change the display type in Settings > General ?

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.