3 modi diversi per mostrare automaticamente la data odierna in WordPress

Hai mai desiderato poter visualizzare la data odierna sul tuo sito WordPress? La visualizzazione della data corrente aiuta i lettori a sapere che sei ancora vivo e vegeto. E se i tuoi lettori sono smemorati come me, potrebbe anche aiutarli a ricordare una data di scadenza imminente!

Mentre alcuni temi di WordPress includono un'opzione integrata per visualizzare la data odierna sul tuo sito, la maggior parte dei temi no. Quindi, se vuoi visualizzare la data corrente da qualche parte sul tuo sito WordPress, dovrai gestire le cose da solo.

In questo post, esporrò tre diversi metodi su come mostrare la data odierna in WordPress. Innanzitutto, ti mostrerò uno dei pochi plugin funzionanti con questa funzionalità. Quindi, ti darò un breve tutorial su come creare il tuo shortcode. Infine, completerò le cose con due diversi frammenti di codice che puoi utilizzare per aggiungere la data odierna direttamente ai file modello del tuo tema.

Approfondiamo...

Come mostrare la data odierna con un plugin per WordPress

Ci sono alcuni plugin diversi che pretendono di farti mostrare la data odierna sul tuo sito WordPress. Ma, con mio grande dispiacere, non molti di loro funzionano davvero più. Dopo averne testati alcuni che non funzionavano molto bene, ne ho finalmente trovato uno che funziona sotto forma di widget data e ora.

Non sorprende che Data e ora Widget ti offra un nuovissimo widget che puoi utilizzare per inserire la data e l'ora correnti in qualsiasi area widget. Se preferisci uno shortcode a un widget, ti mostrerò come creare il tuo shortcode della data di oggi nella sezione successiva.

Questo plugin è carino perché ti consente di impostare la formattazione, il carattere e la dimensione del carattere, nonché alcuni colori personalizzati.

Per utilizzare il plugin, tutto ciò che devi fare è installarlo e attivarlo. Quindi, vai su Aspetto → Widget e trascina sul nuovo widget Data e ora come faresti con qualsiasi altro:

Quindi, devi solo passare e configurare ciascuna opzione:

• Formato ora: puoi scegliere tra diversi formati di ora o scegliere Nessuno per disattivare questa parte (e visualizzare solo la data).
• Formato data: scegli il formato che desideri utilizzare per la data.
• Famiglia di caratteri: scegli una famiglia di caratteri di riserva (il widget dovrebbe ereditare il carattere del tuo tema come prima scelta).
• Dimensione carattere: autoesplicativo.
• Colore del testo: il colore per tutto il testo nel widget.
• Colore di sfondo: lo sfondo del testo.

Renderò lo sfondo nero e il colore del testo bianco solo così puoi vedere come funzionano questi due elementi.

Una volta salvato il widget, vedrai la data odierna sul front-end:

Molto facile! Ma in realtà è quasi altrettanto facile creare il tuo shortcode che mostri la data corrente. Ecco come:

Come creare uno shortcode per visualizzare la data odierna in WordPress

Se preferisci un approccio più manuale, puoi effettivamente creare il tuo shortcode utilizzando solo poche righe di codice. Personalmente, questo è il mio metodo preferito perché ti dà la flessibilità di inserire la data corrente in qualsiasi parte del tuo contenuto, non solo nelle aree widget.

Puoi inserire questo codice in:

• Il file functions.php del tuo tema figlio
• Un plugin personalizzato che crei tu stesso

Ti mostrerò come farlo usando functions.php perché questo è il metodo più semplice: dovrai solo ricordarti di copiare questo codice se dovessi cambiare tema.

Per creare lo shortcode, devi solo aggiungere questo codice al tuo file functions.php:

function displayTodaysDate( $atts )

{

return date(get_option('date_format'));

}

add_shortcode( 'datetoday', 'displayTodaysDate');

Lo shortcode utilizzerà lo stesso formato di data impostato in Impostazioni → Generale .

Una volta aggiunto il codice, puoi utilizzare lo shortcode [datetoday] nell'editor di WordPress o nel modulo Divi Code:

E mostrerà la data corrente sul front-end seguendo il formato nelle impostazioni di WordPress:

Puoi anche aggiungere una formattazione di base alle tue date utilizzando TinyMCE Editor. Ad esempio, se metti in grassetto lo shortcode, anche la data apparirà in grassetto sul front-end del tuo sito.

Nota: questo codice è una versione corretta del codice di Ben Poland da Today's Date , un plug-in che non funziona più a causa di uno spazio errato nella funzione shortcode. Ho trovato il plugin di Ben nella directory WordPress.org e intendevo usarlo per questo tutorial. Ma durante i test, ho scoperto che funzionava solo se modificavo manualmente il codice per rimuovere lo spazio dallo shortcode.

Come visualizzare la data odierna con il codice

Nota: questa sezione è destinata solo a persone che hanno almeno una certa familiarità con il codice e i temi di WordPress. Se sei un principiante assoluto, ti consiglio di attenerti ai due metodi precedenti.

Infine, se sei disposto a sporcarti le mani all'interno dei file modello del tuo tema, puoi anche utilizzare una sola riga di PHP per inserire la data odierna in qualsiasi punto del tuo sito WordPress.

Sono disponibili due diversi frammenti di codice tra cui scegliere:

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

Lo snippet sopra mostra la data corrente in base alle impostazioni di WordPress, proprio come lo shortcode.

Ma puoi anche specificare un formato di data univoco usando questo bit di codice:

<?php echo date('l jS F Y'); ?>

Puoi scoprire quali sono i vari formati in questo articolo del Codex di WordPress.

Ad esempio, se aggiungi il codice subito sotto il tag di chiusura </header> nel tuo file header.php in questo modo:

Quindi la data corrente verrà visualizzata proprio sotto l'intestazione sul tuo sito front-end:

Potrebbe essere necessario giocare con il posizionamento, ma è un altro modo semplice per visualizzare la data odierna sul tuo sito WordPress.

Per ottenere un maggiore controllo, puoi inserire il codice in un <div> e quindi utilizzare i CSS per modellare e/o posizionare quel <div> sul tuo sito.

Concludere le cose

Sebbene non sia un cambiamento importante, la visualizzazione della data odierna sul tuo sito WordPress può tornare utile a seconda dell'argomento del tuo sito.

Se desideri visualizzare la data odierna nella barra laterale (o in altre aree con widget), il plug-in Data e ora Widget sarà l'opzione migliore.

Altrimenti, ti consiglio di creare il tuo shortcode o, se hai almeno alcune abilità di base di codifica, di scavare nei file modello del tuo tema.

Ci siamo persi il tuo modo preferito per aggiungere la data del giorno corrente a WordPress? Sentiti libero di condividere i tuoi suggerimenti qui sotto.

Immagine in miniatura dell'articolo di 32 pixel / shutterstock.com