Aggiungere la data odierna al tuo sito WordPress è uno di quei piccoli tocchi che possono rendere il tuo sito web più professionale e aggiornato.
Dai un'occhiata ai principali siti di notizie: mostrano tutti la data corrente in modo prominente perché aiuta a stabilire la freschezza e la pertinenza dei contenuti.
Avendo aggiunto questa funzionalità su numerosi siti WordPress, possiamo dirti che visualizzare la data corrente non richiede competenze tecniche avanzate o plugin costosi.
Infatti, ci sono due metodi affidabili che funzionano perfettamente sia per i principianti che per gli utenti esperti.
In questa guida, condivideremo questi due modi semplici per aggiungere la data odierna al tuo sito WordPress. Questi metodi sono testati, affidabili e possono essere implementati in pochi minuti.
Perché visualizzare la data odierna in WordPress?
Molti siti di notizie visualizzano la data corrente nella sezione dell'intestazione dei loro siti, in particolare i siti di notizie più piccoli che pubblicano le loro storie principali su base giornaliera.
Questo assicura agli utenti che stanno visualizzando l'ultima edizione dell'edizione online della pubblicazione. È una decisione stilistica utile che molti siti di notizie utilizzano ancora nonostante aggiornino le loro pagine principali più volte al giorno.
Allo stesso modo, anche riviste online e blogger hanno adottato questo stile. Questo assicura agli utenti che stanno visualizzando le ultime voci su un blog.
Ci sono altri scenari di utilizzo in cui potresti semplicemente voler mostrare la data e l'ora correnti.
Ad esempio, se la tua chat live funziona a orari specifici e vuoi mostrare ai clienti che ore sono nella tua posizione geografica. Oppure, stai gestendo una campagna con conto alla rovescia e vuoi mostrare la data corrente per creare un effetto FOMO più forte.
Detto questo, diamo un'occhiata a come visualizzare facilmente la data odierna, il giorno o l'ora corrente sul tuo sito WordPress. Tratteremo due metodi e puoi utilizzare i collegamenti rapidi qui sotto per passare a quello che desideri utilizzare:
- Visualizzare la data odierna aggiungendo codice a un file del modello
- Visualizzare la data odierna ovunque utilizzando uno shortcode
- Guide esperte sulla visualizzazione delle date in WordPress
Metodo 1: Visualizzare la data odierna aggiungendo codice a un file del modello
WordPress non include un widget o un blocco predefinito per visualizzare la data o l'ora corrente.
Tuttavia, puoi comunque visualizzare la data o l'ora corrente utilizzando un codice molto semplice.
Puoi aggiungere questo semplice codice ai file del modello del tuo tema WordPress dove desideri visualizzare l'ora:
<?php echo date(get_option('date_format')); ?>
Questo codice stampa semplicemente la data corrente utilizzando il formato data impostato nelle tue impostazioni di WordPress. Puoi modificare il formato data visitando la pagina Impostazioni » Generali.
Puoi anche utilizzare i tuoi tag di formattazione per visualizzare la data in qualsiasi altro formato. Ad esempio, utilizzando il codice seguente, puoi stampare la data nel formato mese, giorno e anno.
<?php echo date('F j, Y'); ?>
Questo è come appariva sul nostro sito demo.
Questo metodo ti permette di aggiungere direttamente il codice ai file del tema di WordPress, ma non è molto flessibile. Cosa succederebbe se volessi visualizzare la data e l'ora correnti all'interno di un post, una pagina o un widget della barra laterale di WordPress?
Questo metodo successivo ti permette di aggiungere la data e l'ora ovunque sul tuo sito.
Metodo 2: Visualizzare la data odierna ovunque utilizzando uno shortcode (Consigliato)
Per questo metodo, creeremo uno shortcode e poi lo utilizzeremo per visualizzare la data e l'ora ovunque sul nostro sito web WordPress.
Gli utenti avanzati possono aggiungere codice direttamente al file functions.php del tuo tema. Tuttavia, consigliamo di utilizzare un plugin per snippet di codice personalizzato come WPCode perché rende l'aggiunta di codice personalizzato al tuo sito web super sicura e facile.
Dopo test approfonditi, lo abbiamo trovato super facile da usare per i principianti e affidabile. Per maggiori dettagli, consulta la nostra recensione di WPCode.
La prima cosa da fare è installare il plugin gratuito WPCode. Per istruzioni dettagliate, puoi seguire la nostra guida passo passo su come installare un plugin di WordPress.
Dopo l'attivazione, dovresti navigare su Snippet di codice » + Aggiungi snippet nella tua bacheca di WordPress. Questo ti permetterà di aggiungere un nuovo snippet di codice al tuo sito web.
Una volta lì, devi passare il mouse sopra l'opzione 'Aggiungi il tuo codice personalizzato (Nuovo snippet)' e quindi fare clic sul pulsante '+ Aggiungi snippet personalizzato'.
Successivamente, devi selezionare 'Snippet PHP' come tipo di codice dall'elenco di opzioni che appaiono sullo schermo.
Quindi, aggiungi un titolo allo snippet, come ad esempio 'Aggiungi la data di oggi'.
Successivamente, devi copiare e incollare il seguente snippet di codice nel campo Anteprima codice.
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' );
Infine, devi attivare l'interruttore Attivo sulla posizione 'On'.
Ora puoi fare clic sul pulsante 'Salva snippet' per memorizzare lo snippet di codice sul tuo sito web.
Questo codice semplicemente crea uno shortcode che visualizza la data corrente. Puoi usarlo aggiungendo questo shortcode ovunque sul tuo sito:
[date-today]
Per impostazione predefinita, lo shortcode visualizzerà la data nel formato data predefinito nelle impostazioni di WordPress.
Puoi anche usare il tuo formato data modificando lo shortcode in questo modo:
[date-today format='F j, Y']
Quindi, dovrebbe apparire qualcosa di simile sul tuo sito web.
Guide esperte sulla visualizzazione delle date in WordPress
Speriamo che questo articolo ti abbia aiutato a imparare come visualizzare facilmente la data odierna in WordPress. Potresti anche voler consultare altre guide relative alla visualizzazione delle date in WordPress:
- Come cambiare il formato di data e ora in WordPress
- Come visualizzare i metadati dei post del blog nei tuoi temi WordPress
- Come visualizzare date relative in WordPress
- Come visualizzare la data dell'ultimo aggiornamento dei tuoi post in WordPress
- Come aggiungere una data di copyright dinamica nel footer di WordPress
- Come Rimuovere Data e Ora dai Commenti di WordPress
- Come rimuovere la data dagli URL di WordPress
- Come aggiungere un Google Calendar in WordPress (Passo dopo passo)
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
da_hammer nath
Grazie, semplice e utile. Lo apprezzo molto!
Supporto WPBeginner
Prego!
Amministratore
Dennis Muthomi
Ciao, ho una domanda sulla visualizzazione dell'ora: cosa succede se il mio sito web ha visitatori da diversi fusi orari? La data e l'ora visualizzate verranno adattate al loro orario locale o mostreranno sempre l'ora in base alle impostazioni del sito web?
Commenti WPBeginner
Questi metodi in questa guida mostreranno la data e l'ora del fuso orario del sito web.
Jiří Vaněk
È una funzione PHP e purtroppo è impostata per utilizzare l'ora del server. PHP controlla l'ora impostata sul server su cui è in esecuzione il tuo hosting condiviso e visualizza quell'ora. Pertanto, questo metodo non è adatto agli scopi che desideri. Quello di cui hai bisogno dovrebbe essere gestito da un plugin che prima determina la posizione dell'utente in base al suo indirizzo IP e quindi visualizza l'ora locale dell'utente. Questo è un problema molto più complesso che non può essere risolto con un singolo script. Hai bisogno di un plugin che possa anche accedere a un database GEO IP per determinare da quale paese proviene l'utente.
Mrteesurez
Grazie per aver condiviso.
L'ora non viene visualizzata, viene mostrata solo la data. Voglio mostrare sia la data che l'ora una accanto all'altra in alto affinché tutti i visitatori, inclusi gli amministratori, possano vederle.
Supporto WPBeginner
Per questo dovresti cambiare il formato nello shortcode in: format='F j, Y h:i'
Amministratore
Commenti WPBeginner
L'opzione più semplice sarebbe probabilmente utilizzare questo plugin: https://www.wpbeginner.com/plugins/display-time-according-wordpress-blog-admin-bar/
Assicurati di controllare la seconda sezione per una guida su come aggiungere l'ora al sito e non solo alla barra di amministrazione.
Si prega di notare che questo è l'orario utilizzando il fuso orario del blog, non quello del visitatore del sito.
ducmu
come visualizzare includi l'ora?
il tuo codice è solo data
Bert Hennephof
Il codice non funziona più dopo l'aggiornamento da PHP 7.4 a PHP 8.2
WPCode indica un errore nella riga:
if ($atts[‘format’] == ”) {
Supporto WPBeginner
Dal test dello snippet dalla nostra parte, attualmente funziona in php 8.2, dipenderebbe dal messaggio di errore specifico che stai vedendo sulla riga.
Amministratore
Ihtisham Z
Grazie per il fantastico articolo.
Volevo solo far notare qui che, se l'attributo format non viene fornito dall'utente, lo shortcode fallirà causando un errore critico (analizzando l'attributo come stringa) e interrompendo la pagina. Quindi, dobbiamo convertire la stringa in un array.
function wpb_date_today($atts, $content = null) {
if ( ! is_array( $atts ) ) {
$atts = [];
}
// resto del codice…
}
Chris Colotti
Grazie per l'aggiornamento del codice!!! Lo snippet aveva funzionato per un po' e poi si era rotto come hai indicato..
Generosus
Suggerimento utile:
Metodo 2 (elencato sopra) restituisce un output di data in formato UTC. Per modificare l'output in formato Ora Locale, sostituisci "date" con "wp_date" (2 posti).
Sarebbe bello fare una nota nelle istruzioni sopra.
You’re welcome
Supporto WPBeginner
Thank you for sharing that and for your feedback
Amministratore
Kathy
Volevo davvero usarlo, tuttavia, dopo averlo aggiunto al mio file functions, ottengo questo:
Warning: Illegal string offset ‘format’ in /XXXXXXXXXX/functions.php
Mostrava la data, tuttavia, anche l'avviso è apparso.
Supporto WPBeginner
Grazie per avercelo comunicato, esamineremo la questione e per il momento il secondo shortcode con il formato specificato eviterà tale avviso.
Amministratore
Sunday Samuel
Grazie per questo
Mi ha evitato di installare un altro plugin
Sono grato
Supporto WPBeginner
Siamo lieti che la nostra guida sia stata utile!
Amministratore
hugo
Ciao, grazie per il codice.
È possibile mostrare il mese in spagnolo e/o in numero?
saluti,
Supporto WPBeginner
Per aggiungere la data come numeri se si utilizza il metodo echo date, si cambierebbe F j, Y in m/d/Y
Amministratore
Rebekah
È possibile visualizzare una data mobile? Ad esempio, la data di oggi più 7 giorni? Vorrei avere qualcosa sul mio sito che mostri sempre la data di una settimana da oggi.
Henry
Aggiungere questo codice php nel file header va bene, ma come posso controllare dove voglio che appaia la mia data nella pagina?
Mark
Use the shortcode
shiva
molto bello
anees
grazie mille !!
Jon
Oppure con Javascript:
var dateToday = new Date(); var yearToday = dateToday.getFullYear(); document.write(yearToday);
Abiodun
Ciao
Come cambio il colore di questo codice?
è in un colore grigio e lo voglio bianco
sameh
Come posso cambiare la lingua del formato data in arabo???? grazie in anticipo
morteza ahamadi
Sono un vero principiante,
dove dovrebbero essere aggiunti questi codici?
123project
Ciao
come posso cambiare il font e il colore di questo codice?
Supporto WPBeginner
Usando CSS puoi cambiare i colori. Per usare il CSS aggiungi il tag del template della data così:
<span class="date"><?php echo date('l jS F Y'); ?></span>1-click Use in WordPress
Ora nel foglio di stile del tuo tema puoi aggiungere CSS, così:
.date { color: blue; border: 1px solid #CCC; }1-click Use in WordPress
Amministratore
Clare
Sto iniziando a scoprire che puoi fare qualsiasi cosa con WP se solo ti prendi il tempo di imparare - e la maggior parte è così semplice. Il 2011 è l'anno per abbandonare i plugin e alleggerire il mio sito!
Staff editoriale
Good call
Amministratore
Petit Nuage
Il tuo suggerimento è errato, poiché hai dimenticato di tenere conto del fuso orario locale come definito nella Bacheca.
Staff editoriale
Abbiamo menzionato due soluzioni. Una in cui puoi usare l'impostazione del server, o due in cui puoi usare l'impostazione di WordPress. Se hai una terza soluzione, allora condividila con noi piuttosto che dire che abbiamo torto perché entrambe le soluzioni sopra funzionano.
Amministratore
andreeib
Ero solito farlo usando una funzione di shortcode in Wordpress.
Chase Adams
Perché non usare semplicemente? Non è molto più facile come funzione integrata dove puoi cambiare il tipo di visualizzazione in Impostazioni > Generali?
Cheap Sites
Sì, è stato davvero semplice! Grazie per aver condiviso =D