Spaghetti Wordpress

Molto spesso si riconosce la pregiatezza della grafica di un blog soprattutto dai particolari che la contraddistinguono: un campo di ricerca originale, i colori della sidebar rispetto ai post, il differenziare i commenti l’uno dall’altro.

Uno di questi aspetti, a volte poco curati all’interno del blog, e di cui vi voglio parlare oggi, è la data di pubblicazione di un post. In moltissimi blog trovo la data semplicemente buttata in fondo ai post, insieme a categorie, autore e numero dei commenti, tutto mischiato all’interno del calderone denominato ‘postmetadata’.

Ma perchè invece non cambiare questo ordine delle cose standard per far uscire il nostro blog dalla massa, e dargli un design unico? Innanzitutto vediamo di analizzare il codice da utilizzare per mostrare la data, il tag da utilizzare è il seguente:

<?php the_time(); ?>

Questo codice va inserito all’interno del Loop nella posizione dove si vuole che la data compaia nel post.

In questo modo la data verrà visualizzata nel formato basato sulle opzioni che sono state impostate attraverso il Pannello di Amministrazione di Wordpress. Se volete modificare queste opzioni avete due possibilità:

1. Andare nel pannello di amministrazione attraverso Settings > General > Date Format e qui modificare il formato della data oppure…
2. Inserire il formato della data direttamente nel codice postato sopra tra le parentesi – in questo caso sarà quest’ultimo ad essere usato, quindi se vorrete cambiare il formato dovrete nuovamene modificare il codice.

Le funzioni maggiormente usate per modificare il formato della data sono le seguenti:

• l = nome completo del giorno della settimana (es. Lunedì)
• F = nome completo del mese (es. Giugno)
• m = mese nel formato numero (es. 6)
• j = numero del giorno del mese (es. 4)
• Y = anno nel formato a quattro cifre (es. 2008)
• y = anno nel formato a due cifre (es. 08)

Una lista completa di tutte le funzioni utilizzabili la potete trovare in italiano presso la pagina ufficiale di PHP.

Ecco quindi un esempio di come potrebbe essere formattata la data:

<?php the_time(j F Y); ?>

che risulterà nel browser, per esempio:

6 Giugno 2008

Poichè questo codice quando viene processato nel browser non crea altro markup ma riporta solamente la data corrente in formato testo, se si vuole modificare la visualizzazione è necessario aggiungere un po’ di codice extra per poi faciliatare la modifica attraverso CSS.

Io solitamente aggiungo solo un tag ’span’ a racchiudere la funzione e aggiungo una classe per poterci poi lavorare. Ecco un esempio del risultato finale:

<span class="data"><?php the_time(); ?></span>

In questo modo, basandosi solo sulla classe DATA sarà possibile modificare la grafica del formato della data. Sebbene sia un piccolo particolare, esistono moltissimi modi in cui potrete renderlo unico. Per facilitarvi il compito vi offro una piccola gallery di soluzioni interassanti da cui potrete prendere ispirazione:

Komodomedia Blog

No Copycat

Narfstuff

The Yawkey Way

Come avete personalizzato la grafica della data sul vostro blog? Conoscete altri siti che utilizzano una grafica particolare per la data?