Siempre me he preguntado si en WP se podría conseguir lo que ciertos sites hacen: mostrar una imagen representando a una cierta categoría al lado del nombre, o bien simplemente sustituyéndolo.

Hoy veremos un sencillo código que nos permitirá recuperar una imagen por categoría a la que el artículo haya sido asignado, y ello ya sea en el índice de nuestro site o en la página single.php de la entrada.

Antes de nada debemos contar las categorías de nuestro site y hacernos con una imagen para cada una de ellas, preferiblemente en formato .png, aunque podremos usar cualquier otro formato (en el código que os propongo se usarán PNGs).

Una vez tengamos esas imágenes, hay que nombrarlas coherentemente a las categorías que representarán y emplazarlas en un directorio dentro de las imágenes de nuestro tema en uso. Por ejemplo, para la ocasión, “cat-icons” dentro de “images“.

Cuando estén allí, abriremos el archivo con el loop en el que queramos que cada artículo muestre las categorías a las que pertenece y pegaremos el siguiente código, sustituyendo a the_category:

<h3>Artículo categorizado en :</h3>
<ul>
	<?php foreach((get_the_category()) as $cat)
	{
	$catname =$cat->category_nicename;
	echo '<li><a href="' . bloginfo('url');
	echo '/category/';
	echo $catname;
	echo '">';
	echo '<img src="' . bloginfo('template_directory');
	echo '/images/cat-icons/';
	echo $catname;
	echo ".png\" alt=\"$catname\" border=\"0\" />";
	echo $catname;
	echo "</a></li>\n";
	}
	?>
</ul>

Guardaremos y cerraremos, y nos aseguraremos entonces de que nuestra estructura de “permalinks” o enlaces permanentes es cualquier otra distinta a la que viene por defecto. Podemos escoger, por ejemplo, la segunda opción que se nos presenta.

Con esto ya tendremos iconos específicos para nuestras categorías. Esperamos vuestros comentarios.