Wordpress di default non permette di associare un immagine alle categorie del tuo blog. L’idea è quella di mostrare un’immagine personalizzata per ogni categoria.
Per fare questo senza fatica esiste un plugin dedicato:
Se invece non vuoi appesantire il tuo sito con l’ennesimo plugin ecco un modo semplice e veloce per mostrare delle immagini al posto delle categorie.
Per prima cosa andiamo ad inserire nella cartella immagini del layout le png che ci servono. Nel nostro caso è necessario che i file siano nominati con un criterio particolare:
[slug-della categoria].png
Per slug si intende il nome semplice privato di maiuscole e spazi. Per esempio una categoria “Giochi” avrà come slug “giochi” (minuscolo). Una categoria composta da più parole come “To Do” diventerà “to-do“.
Fatto questo pensiamo al codice. Abbiamo bisogno di ricavare l’indirizzo dell’immagine e il link alla categoria. Ho creato questa semplice funzione che andremo a mettere nel functions.php del nostro tema:
function getCatImage(){
$layout = get_bloginfo('template_url');
foreach((get_the_category()) as $category) {
$category_link = get_category_link( $category->cat_ID );
echo '<a href="' . $category_link . '"><img src="' . $layout . '/images/' . $category->slug . '.png" alt="' . $category->cat_name . '" /></a>';
}
}Fatto questo all’interno del loop di Wordpress basterà richiamare la funzione:
getCatImage();
Nel caso il post abbia più di una categoria associata verranno caricate tante immagini quante sono le categorie
Ecco una lista di altre risorse che potrebbero interessarti:
Invia un commento