Att lägga till dagens datum på din WordPress-webbplats är en av de små detaljerna som kan få din webbplats att se mer professionell och aktuell ut.
Titta bara på stora nyhetssajter – de visar alla aktuellt datum framträdande eftersom det hjälper till att etablera innehållets färskhet och relevans.
De goda nyheterna är att du inte behöver några avancerade kodningskunskaper eller dyra plugins för att lägga till dagens datum på din webbplats. Faktum är att det finns två pålitliga metoder som fungerar perfekt för både nybörjare och erfarna användare.
I den här guiden delar vi med oss av dessa två enkla sätt att lägga till dagens datum på din WordPress-webbplats. Dessa metoder är testade, pålitliga och kan implementeras på bara några minuter.
💡Snabbt svar: Hur man visar dagens datum i WordPress
Det finns två enkla sätt att visa det aktuella datumet på din WordPress-webbplats:
- Lägg till kod i en temafil: Du kan lägga till ett enkelt PHP-utdrag direkt i en av ditt temas mallfiler (som
header.php). Denna metod är enkel men kräver att du använder ett barn-tema för att undvika att förlora dina ändringar under temauppdateringar. - Använd en kortkod via WPCode (rekommenderas): Den säkraste och mest flexibla metoden är att använda WPCode-pluginet för att skapa en enkel kortkod. Detta gör att du kan placera det aktuella datumet var som helst – i inlägg, sidor eller sidofältswidgetar – utan att direkt redigera temafiler.
Varför visa dagens datum i WordPress?
Många nyhetswebbplatser visar det aktuella datumet i sidans sidhuvud, särskilt mindre nyhetssajter som publicerar sina huvudnyheter dagligen.
Detta försäkrar användarna att de ser den senaste utgåvan av publikationens onlineutgåva. Det är ett användbart stilistiskt beslut som många nyhetswebbplatser fortfarande använder trots att de uppdaterar sina startsidor flera gånger om dagen.
På samma sätt har online-tidningar och bloggare också anammat denna stil. Detta försäkrar användarna att de ser de senaste inläggen på en blogg.
Det finns andra användningsscenarier där du kanske bara vill visa aktuellt datum och tid.
Till exempel, om din livechatt fungerar vid specifika tider, och du vill visa kunderna vilken tid det är i din geografiska plats. Eller, du kör en nedräkningstimer-kampanj och vill visa aktuellt datum för att skapa en starkare FOMO-effekt.
Med det sagt, låt oss titta på hur du enkelt kan visa dagens datum, dag eller aktuell tid på din WordPress-webbplats. Vi kommer att täcka två metoder, och du kan använda snabblänkarna nedan för att hoppa till den du vill använda:
- Metod 1: Visa dagens datum var som helst med kortkod (rekommenderas)
- Metod 2: Visa dagens datum genom att lägga till kod i en mallfil
- Vanliga frågor om att visa dagens datum i WordPress
- Experthandledningar för att visa datum i WordPress
Proffstips: Kontrollera din WordPress-tidszon först
Innan du börjar är det viktigt att veta att WordPress visar datumet baserat på dess tidszonsinställning, inte din dators klocka.
Du bör dubbelkolla att din webbplats tidszon är korrekt inställd genom att gå till Inställningar » Allmänt. Detta säkerställer att rätt datum alltid visas för dina besökare.
Metod 1: Visa dagens datum var som helst med kortkod (rekommenderas)
För den här metoden kommer du att skapa en kortkod för att visa datum och tid var som helst på din WordPress-webbplats.
Det fantastiska med en kortkod är dess flexibilitet – du kan placera den i dina inlägg, sidor, sidofältswidgetar och till och med din webbplats sidfot.
Även om det är möjligt att lägga till kod direkt i ditt temas functions.php-fil, avråder vi starkt från det. Ett litet misstag i den filen kan förstöra hela din webbplats och låsa dig ute från ditt administratörsområde.
Därför rekommenderar vi att du använder ett plugin för anpassade kodavsnitt som WPCode. Det är det säkraste och enklaste sättet att lägga till anpassad kod på din webbplats.
Efter noggranna tester har vi funnit att den är extremt nybörjarvänlig och pålitlig. För mer information, se vår WPCode-recension.
Det första du behöver göra är att installera det kostnadsfria WPCode-pluginet. För detaljerade instruktioner kan du följa vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Efter aktivering bör du navigera till Kodavsnitt » + Lägg till kodavsnitt i din WordPress-instrumentpanel. Detta låter dig lägga till ett nytt kodavsnitt på din webbplats.
Väl där behöver du föra muspekaren över alternativet 'Lägg till din anpassade kod (nytt kodavsnitt)' och sedan klicka på knappen '+ Lägg till anpassat kodavsnitt'.
Därefter måste du välja 'PHP-avsnitt' som kodtyp från listan över alternativ som visas på skärmen.
Lägg sedan till en titel till kodavsnittet, till exempel 'Lägg till dagens datum'.
Därefter behöver du kopiera och klistra in följande kodavsnitt i fältet Kodförhandsgranskning.
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 behöver du växla Aktivera-reglaget till läget 'På'.
Nu kan du klicka på knappen 'Spara kodavsnitt' för att lagra kodavsnittet på din webbplats.
Den här koden skapar helt enkelt en kortkod som visar det aktuella datumet. Du kan använda den genom att lägga till denna kortkod var som helst på din webbplats:
[date-today]
Som standard kommer kortkoden att visa datumet i standarddatumformatet i dina WordPress-inställningar.
Du kan också använda ditt eget datumformat genom att ändra kortkoden så här:
[date-today format='F j, Y']
Ditt datum kommer nu att se ut så här på din webbplats:
Och det var allt! Du har visat dagens datum framgångsrikt.
Metod 2: Visa dagens datum genom att lägga till kod i en mallfil
WordPress levereras inte med en standardwidget eller ett block för att visa aktuellt datum eller tid.
Du kan dock fortfarande visa aktuellt datum eller tid med hjälp av mycket enkel kod.
Du kan lägga till denna enkla kod i ditt WordPress-temas mallfiler. Dessa filer, som header.php eller footer.php, styr din webbplats layout.
Viktigt: Vi rekommenderar starkt att du använder ett barn-tema innan du lägger till kod direkt i temafiler. Annars kommer din anpassade kod att raderas nästa gång du uppdaterar ditt tema.
När du har ett barn-tema installerat kan du lägga till följande kod där du vill visa datumet:
<?php echo date(get_option('date_format')); ?>
Den här koden skriver ut det aktuella datumet med det datumformat som är inställt i dina WordPress-inställningar. Du kan ändra datumformatet genom att besöka sidan Inställningar » Allmänt.
Du kan också använda dina egna formateringskoder för att visa datumet i vilket annat format som helst. Till exempel, med följande kod kan du skriva ut datumet i formatet månad, dag och år.
<?php echo date('F j, Y'); ?>
Här är hur datumet såg ut på vår demowebbplats:
Medan redigering av temafiler är direkt, är ett mer flexibelt sätt att placera datumet i inlägg eller widgets att använda en kortkod.
Det var allt! Du har nu två enkla metoder för att visa dagens datum.
Oavsett om du väljer att lägga till kod direkt i en temafil eller använda den flexibla kortkodsmetoden, kan du lägga till en professionell touch som håller din webbplats fräsch och relevant för besökare.
Vanliga frågor om att visa dagens datum i WordPress
Här är några frågor som våra läsare ofta har ställt om att visa dagens datum i WordPress:
Varför visas datumet på min webbplats felaktigt?
Den vanligaste orsaken till ett felaktigt datum är tidszonsinställningen. WordPress använder tidszonen som ställts in i din instrumentpanel, inte din lokala tid.
För att åtgärda detta, gå till Inställningar » Allmänt i ditt WordPress-adminområde och se till att du har valt rätt stad eller UTC-förskjutning.
Hur visar jag datumet på ett WordPress-inlägg?
WordPress visar automatiskt publiceringsdatumet eller datumet för senaste uppdatering på dina inlägg som standard. Du kan ändra datumets utseende genom att gå till Inställningar » Allmänt och välja ett nytt 'Datumformat'. Om du vill visa dagens aktuella datum istället kan du använda någon av metoderna i den här guiden.
Kommer visning av ett dynamiskt datum att påverka min webbplats prestanda?
Nej, det kommer det inte. PHP-funktionen som används för att hämta datumet är extremt lättviktig och har en försumbar inverkan på din webbplats hastighet. Det är en mycket vanlig och effektiv funktion som inte kommer att sakta ner din webbplats.
Experthandledningar för att visa datum i WordPress
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt visar dagens datum i WordPress. Du kanske också vill se några andra guider relaterade till att visa datum i WordPress:
- Hur ändrar man datum- och tidsformatet i WordPress
- Hur man visar blogginläggs metadata i dina WordPress-teman
- Hur man visar relativa datum i WordPress
- Hur man visar det senast uppdaterade datumet för dina inlägg i WordPress
- Hur man lägger till ett dynamiskt upphovsrättsdatum i WordPress sidfot
- Hur man tar bort datum och tid från WordPress-kommentarer
- Hur man tar bort datumet från WordPress-URL:er
- Hur man lägger till en Google-kalender i WordPress (steg för steg)
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
da_hammer nath
Tack, enkelt och användbart. Uppskattas verkligen!
WPBeginner Support
Varsågod!
Admin
Dennis Muthomi
hej, jag har en fråga om tidsvisning: - vad händer om min webbplats har besökare från olika tidszoner? kommer datum och tid som visas att justeras till deras lokala tid, eller kommer den alltid att visa tiden baserat på webbplatsens inställningar?
WPBeginner Kommentarer
Dessa metoder i den här guiden kommer att visa datum och tid för webbplatsens tidszon.
Jiří Vaněk
Det är en PHP-funktion, och den är tyvärr inställd att använda serverns tid. PHP kontrollerar tiden som är inställd på servern där din delade hosting körs och visar den tiden. Därför är denna metod inte lämplig för de ändamål du vill ha. Det du behöver skulle behöva hanteras av ett plugin som först bestämmer användarens plats baserat på deras IP-adress och sedan visar användarens lokala tid. Detta är en mycket mer komplex fråga som inte kan lösas med ett enda skript. Du behöver ett plugin som också kan komma åt en GEO IP-databas för att bestämma vilket land användaren kommer ifrån.
Mrteesurez
Tack för att du delade.
Tiden visas inte, bara datumet visas. Jag vill visa både datum och tid bredvid varandra högst upp så att alla besökare, inklusive administratörer, kan se det.
WPBeginner Support
För det skulle du behöva ändra formatet i kortkoden till: format=’F j, Y h:i’
Admin
WPBeginner Kommentarer
Det enklaste alternativet skulle troligen vara att använda detta plugin: https://www.wpbeginner.com/plugins/display-time-according-wordpress-blog-admin-bar/
Se till att kolla in den andra sektionen för en guide om hur du lägger till tiden på webbplatsen och inte bara i adminfältet.
Observera att detta är tiden med hjälp av bloggens tidszon, inte besökarens tidszon.
ducmu
how to display include time?
your code is only date
Bert Hennephof
Koden fungerar inte längre efter uppgradering från PHP 7.4 till PHP 8.2
WPCode indikerar fel i raden:
if ($atts[‘format’] == ”) {
WPBeginner Support
Från att ha testat kodavsnittet hos oss fungerar det för närvarande i php 8.2, det skulle bero på det specifika felmeddelandet du ser på raden.
Admin
Ihtisham Z
Tack för den utmärkta artikeln.
Ville bara notera här att om formatattributet inte tillhandahålls av användaren, kommer kortkoden att misslyckas, vilket resulterar i ett kritiskt fel (tolkar attributet som en sträng) och sidan går sönder. Så vi måste konvertera strängen till en array.
function wpb_date_today($atts, $content = null) { if ( ! is_array( $atts ) ) { $atts = []; }
// resten av koden…
}
Chris Colotti
Tack för koduppdateringen!!! Snippet hade fungerat ett tag och bröts sedan som du angav..
Generosus
Användbart tips:
Metod 2 (ovanstående) ger ett datumutdata i UTC-format. För att ändra utdata till lokalt tidsformat, ersätt "date" med "wp_date" (2 platser).
Det vore bra att göra en notering i dina ovanstående instruktioner.
You’re welcome
WPBeginner Support
Thank you for sharing that and for your feedback
Admin
Kathy
Jag ville verkligen använda detta, men efter att ha lagt till det i min functions-fil får jag detta:
Warning: Illegal string offset ‘format’ in /XXXXXXXXXX/functions.php
Det visade datumet, men varningen dök också upp.
WPBeginner Support
Tack för att du meddelade oss, vi kommer att undersöka detta och tills vidare kommer den andra kortkoden med det angivna formatet att undvika den varningen.
Admin
Söndag Samuel
Tack för detta
Räddade mig från att installera ytterligare ett plugin
Jag är tacksam
WPBeginner Support
Kul att vår guide var till hjälp!
Admin
hugo
Hej, tack för koden.
Är det möjligt att visa månaden på spanska och/eller i siffror?
hälsningar,
WPBeginner Support
För att lägga till datumet som siffror om du använder echo date-metoden, skulle du ändra F j, Y till m/d/Y
Admin
Rebekah
Är det möjligt att visa ett rörligt datum? Till exempel dagens datum plus 7 dagar? Jag skulle vilja ha något på min webbplats som alltid visar datumet en vecka från idag.
Henry
Att lägga till denna php-kod i header-filen är OK, men hur kan jag styra var jag vill att mitt datum ska visas på sidan?
Mark
Use the shortcode
shiva
mycket trevligt
anees
tack så mycket !!
Jon
Eller med Javascript:
var dateToday = new Date(); var yearToday = dateToday.getFullYear(); document.write(yearToday);
Abiodun
Hej
hur ändrar jag färgen på den här koden?
den är i en arkfärg och jag vill ha den i vitt
sameh
Hur kan jag ändra datumformatets språk till arabiska???? tack på förhand
morteza ahamadi
jag är verkligen nybörjare, var ska dessa koder läggas till?
123projekt
Hej
hur kan jag ändra teckensnitt och färg på denna kod?
WPBeginner Support
Med CSS kan du ändra färgerna. För att använda CSS lägger du till datummallstaggen så här:
<span class="date"><?php echo date('l jS F Y'); ?></span>1-click Use in WordPress
Nu kan du lägga till CSS i ditt temas stilmall, så här:
.date { color: blue; border: 1px solid #CCC; }1-click Use in WordPress
Admin
Clare
Jag börjar upptäcka att man kan göra vad som helst med WP om man bara tar sig tid att lära sig hur – och det mesta är så enkelt. 2011 är året då jag ska skrota plugins och lätta på min webbplats!
Redaktionell personal
Good call
Admin
Petit Nuage
Ditt förslag är felaktigt eftersom du har glömt att ta hänsyn till den lokala tidszonen som definieras i Instrumentpanelen.
Redaktionell personal
Vi nämnde två lösningar. En där du kan använda serverns inställningar, eller två där du kan använda WordPress inställningar. Om du har en tredje lösning, dela den gärna med oss istället för att säga att vi har fel, eftersom båda lösningarna ovan fungerar.
Admin
andreeib
Jag brukade göra detta med en kortkodfunktion i Wordpress.
Chase Adams
Varför inte bara använda Är det inte mycket enklare som en inbyggd funktion där du kan ändra visningstypen i Inställningar > Allmänt?
Billiga webbplatser
Ja, det var verkligen enkelt! Tack för att du delade med dig =D