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.

wordpress-category-images

Per fare questo senza fatica esiste un plugin dedicato:

Category Icons

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 '' . $category->cat_name . '';
	}
}

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:

  1. Installare Wordpress non è mai stato così facile
  2. La funzione Comment_Form del nuovo Wordpress 3.0
  3. Wordpress – Pannello di amministrazione personalizzato
  4. Usare Google Custom Search con Wordpress
  5. Wordpress Theme Test Drive