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.
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.
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.
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.
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.
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”.
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.
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.
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:
- Så här ändrar du format för datum och tid i WordPress
- Hur man visar Metadata för inlägg i WordPress Themes
- Så här displayed du relativa datum i WordPress
- Hur man visar det senaste updating-datumet för dina publicerade posts i WordPress
- Så här addar du ett dynamiskt Copyright-datum i WordPress Footer
- Så här tar du bort datum och tid från WordPress Comments
- Så här tar du bort datumet från WordPress URL:er
- Så här addar du en Google-kalender i WordPress (Step-by-Step)
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.
Syed Balkhi says
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!
Dennis Muthomi says
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 says
These method in this guide will show the date and time for the timezone from the website.
Mrteesurez says
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 says
For that you would need to change the format in the shortcode to: format=’F j, Y h:i’
Administratör
WPBeginner Comments says
The easiest option would likely be to use this plugin: 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.
Please note that this is the time using the timezone for the blog, not for the site visitor.
ducmu says
how to display include time?
your code is only date
Bert Hennephof says
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 says
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
Ihtisham Z says
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 says
Thanks for the code update!!! Snippet had been working for some time then broke as you indicated..
Generosus says
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 says
Thank you for sharing that and for your feedback
Administratör
Kathy says
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 says
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
Sunday Samuel says
Thanks for this
Saved me from installing another plugin
I am grateful
WPBeginner Support says
Glad our guide was helpful!
Administratör
hugo says
Hi, thank you for the code.
It’s possible to show the month in spanish and/or in number?
greetings,
WPBeginner Support says
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
Rebekah says
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.
Henry says
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 says
Use the shortcode
shiva says
very nice
anees says
thanks a lot !!
Jon says
Or with Javascript:
var dateToday = new Date(); var yearToday = dateToday.getFullYear(); document.write(yearToday);
Abiodun says
Hello
how do I change the color of this code?
it is in an arch colour and i want it in white
sameh says
How can i change the language of date format to arabic???? thanks advanced
morteza ahamadi says
i am realy beginner,
where should these codes be added?
123project says
Hi
how can I change the font and the color of this code?
WPBeginner Support says
Using CSS you can change the colors. To use css add the date template tag like this:
1-click Use in WordPress
Now in your theme’s style sheet you can add CSS, like this:
1-click Use in WordPress
Administratör
Clare says
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!
Editorial Staff says
Good call
Administratör
Petit Nuage says
Your suggestion is incorrect, since you’ve forgotten to take the local timezone into account as defined in the Dashboard.
Editorial Staff says
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
andreeib says
I used to make this using a short code function in WordPress.
Chase Adams says
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 ?
Cheap Sites says
Yeah, that was really simple! Thank you for sharing =D