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

Så här visar du dagens datum i WordPress (2 enkla metoder)

Vill du visa dagens datum i WordPress?

Många websites med nyheter, online-tidskrifter och bloggar som uppdateras ofta vill kanske visa aktuellt datum och tid. Det ger användarna en uppfattning om aktuellt datum och hur länge sedan det var som innehållet publicerades.

I den här artikeln visar vi dig hur du enkelt kan visa dagens datum eller aktuell tid på din website i WordPress.

Displaying current date and time in WordPress

Varför ska dagens datum visas i WordPress?

Många nyhetswebbplatser visar aktuellt datum i header-sektionen på sina webbplatser, viss mindre webbplatser som publicerar sina huvud stories dagligen.

A news website showing current date in their website header

Detta försäkrar användarna om att de viewar den senaste upplagan av publikationens onlineutgåva. Det är ett användbart stilistiskt beslut som många news websites fortfarande använder trots att de uppdaterar sina front pages flera gånger om dagen.

Även tidskrifter och bloggare på nätet använde sig av denna stil. Detta försäkrar användarna om att de viewar de senaste inläggen på en blogg.

Det finns andra användningsscenarier där du kanske bara vill visa aktuellt datum och tid.

For instance, if your chattsupport works at specific hours and you want to show customers what time it is in your geographic location. Eller om you runar en kampanj med nedräkningstimer och vill visa aktuellt datum för att skapa en starkare FOMO-effekt.

Med detta sagt, låt oss ta en titt på hur du enkelt kan displayed dagens datum, dag eller aktuell tid på din website i WordPress. Vi kommer att täcka två metoder, och du kan använda snabblänkarna under för att hoppa till den du vill använda:

Metod 1: Visa dagens datum genom att lägga till kod i en template-fil

WordPress levereras inte med en standard widget eller block för att visa aktuellt datum eller tid.

Du kan dock fortfarande displayed det aktuella datumet eller tiden med hjälp av en mycket enkel kod.

Du kan add to denna enkla kod till temats template-filer i WordPress där du vill visa tiden:

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

Den här koden skriver helt enkelt ut aktuellt datum med hjälp av det format som ställts in i your WordPress settings. Du kan ändra datum formatet genom att besöka Settings ” General page.

Time format settings in WordPress

You can also use your own formatting tags to output the date in any other format. Med hjälp av följande kod kan du till exempel skriva ut datumet i formatet månad, dag och år.

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

Så här gillade vi det på vår demo website.

Date and time

Denna metod gör att du direkt kan add to koden till WordPress theme-filer, men det är inte särskilt flexibelt. Vad händer om du vill visa aktuellt datum och tid i ett WordPress post, page eller sidebar widget?

Nästa metod allow you att add to datum och tid var som helst på din site.

Metod 2: Visa dagens datum var som helst med hjälp av shortcode (rekommenderas)

För den här metoden skapar vi en shortcode och använder den sedan för att visa datum och tid var som helst på vår website WordPress.

Avancerade användare kan add code direkt till ditt temas functions.php-fil. Vi rekommenderar dock att du använder ett plugin för anpassade code snippets som WPCode eftersom det gör det supersäkert och enkelt att lägga till anpassad kod på din website.

Det första du behöver göra är att installera det gratis pluginet WPCode. För detaljerade instruktioner kan du följa vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter aktivering ska du navigera till Code Snippets ” + Add Snippet i din WordPress dashpanel. Detta låter dig lägga till ett nytt code snippet på din website.

Adding Custom Code in WPCode

Väl där måste du hålla muspekaren över alternativet ”Add Your Custom Code (New Snippet)” och sedan klicka på knappen ”Use snippet” som visas. Detta öppnar ett nytt fönster där du kan lägga till code snippet.

Lägg först till en rubrik till snippet, till exempel ”Add Today’s Date”.

Add a Title and the Code Snippet to WPCode

Därefter måste du kopiera och klistra in följande kod snippet i fältet Code Preview som du ser i screenshot ovan.

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

Slutligen måste du välja ”PHP Snippet” från rullgardinsmenyn Code Type och sedan toggle Active toggle till positionen ”On”.

Nu kan du klicka på knappen ”Save Snippet” för att store code snippet på din website.

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

Den här koden skapar helt enkelt en shortcode som displayed det aktuella datumet. Du kan använda den genom att lägga till denna shortcode var som helst på din site:

[datum-idag]

Som standard kommer shortcoden att visa datumet i standarddatumformatet i dina inställningar i WordPress.

Du kan också använda ditt eget format för datum genom att ändra shortcoden så här:

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

Sedan ska det se ut ungefär så här på din website.

Date preview

Expertguider om hur du visar datum i WordPress

Nu när du vet hur du visar dagens datum i WordPress, kanske du gillar att se några andra guider relaterade till att visa datum i WordPress:

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt kan displayed dagens datum i WordPress. Du kanske också vill se vår guide om hur du lägger till en väderprognos i WordPress eller våra expertval för de bästa tillägg för frågesport för WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

37 kommentarerLämna ett svar

  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. Dennis Muthomi

    hi, I got a question for the time display:- what if my website has visitors from different time zones? will the date and time displayed be adjusted to their local time, or will it always show the time based on the website’s settings?

    • WPBeginner Comments

      These method in this guide will show the date and time for the timezone from the website.

  3. 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’

      Administratör

  4. ducmu

    how to display include time?
    your code is only date

  5. 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.

      Administratör

  6. 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..

  7. 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 :)

      Administratör

  8. 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.

      Administratör

  9. Sunday Samuel

    Thanks for this

    Saved me from installing another plugin

    I am grateful

    • WPBeginner Support

      Glad our guide was helpful!

      Administratör

  10. 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

      Administratör

  11. 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.

  12. 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?

    • Mark

      Use the shortcode ;-)

  13. anees

    thanks a lot !!

  14. Jon

    Or with Javascript:

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

  15. Abiodun

    Hello

    how do I change the color of this code?

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

  16. sameh

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

  17. morteza ahamadi

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

  18. 123project

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

  19. 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!

  20. 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.

      Administratör

  21. andreeib

    I used to make this using a short code function in Wordpress.

  22. 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 ?

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.