Come aggiungere il supporto ai tag di WordPress al tuo tema

Jeff Chandler ha scritto una recensione su WPCandy del nostro tema Nature Blog qualche giorno fa. Una delle cose che ha detto in questa recensione è stata la seguente:

Non vedo immediatamente il supporto per i tag, ma è qualcosa che non sarebbe troppo difficile da aggiungere. Tuttavia, penso che i tag dovrebbero essere una qualità predefinita nei temi di questi tempi, considerando che è semplice come aggiungere quella funzione al tema.

Non potrei essere più d'accordo, e da quella recensione ho cercato di assicurarmi che tutte le future release di Theme Lab avessero il supporto ai tag, oltre a lavorare sul supporto ai tag nelle precedenti release dei temi. In questa guida ti insegnerò come aggiungere il supporto ai tag ai tuoi temi che potrebbero non averlo. Come ha detto Jeff, è davvero "semplice come aggiungere quella funzione al tema".

Cos'è un tag?

Ok, se non sai cos'è un tag e qual è la differenza tra una categoria e un tag, leggi l'articolo Categorie contro Tag su Lorelle on WordPress. Non posso spiegarli meglio di così, quindi vai lì se non sei sicuro.

Elenca i tag nel Loop

La funzione the_tags() è la funzione utilizzata per visualizzare i tag all'interno di il Loop, simile alle categorie. "Prendiamo in prestito" del codice dal mio tema WordPress preferito di tutti i tempi, Kubrick (quello predefinito).
<?php the_tags('Tags: ', ', ', '<br />'); ?>
È un po' difficile leggere gli argomenti, ma il primo argomento è ciò che viene visualizzato prima (attualmente Tags:, poi il separatore virgola (tra ogni tag), e poi ciò che viene dopo - l'interruzione di riga. Poiché il codice prima e dopo è incluso nella funzione, non c'è bisogno di formattazione HTML esterna - quindi nulla verrà visualizzato se non hai tag su un post specifico. Per racchiudere i tuoi tag con un tag di paragrafo invece, faresti così:

<?php the_tags('<p>Tag: ', ', ', '</p>'); ?>

Puoi inserire questo codice ovunque ci sia un Loop, che sia il tuo Modello Indice Principale (index.php) o il Modello Post Singolo (single.php).

Aggiungere una nuvola di tag nella tua barra laterale

La funzione wp_tag_cloud è quella che visualizza la nuvola di tag. Ecco un esempio base di una nuvola di tag visualizzata in una barra laterale.
<?php wp_tag_cloud('smallest=8&largest=22'); ?>

smallest e largest sono le dimensioni dei font. Inserendo il seguente codice nella tua barra laterale otterrai qualcosa di simile a questo.

Naturalmente puoi diminuire la dimensione del font nel parametro largest se pensi che sia troppo grande. Un elenco completo dei parametri si trova nella pagina wp_tag_cloud nel Codex.

Visualizza i tag come le categorie sulla barra laterale

So che ci sono alcuni detrattori delle nuvole di tag, quindi se vuoi visualizzare i tag in formato elenco, puoi aggiungere alcuni parametri alla funzione wp_tag_cloud per farlo.
<?php wp_tag_cloud('smallest=10&largest=10&format=list&unit=px'); ?>

Ci oun renderizzare i font della stessa dimensione (10px) e formattarli in una lista.

Conclusione

Se preferisci i tag alle categorie, o in aggiunta alle categorie e il tuo tema non lo supporta – spero che questo ti sia stato facile da seguire. Fammi sapere nei commenti cosa ne pensi. Grazie ancora a Jeff per l'ispirazione per questo tutorial.