Asociar iconos a categorías

The Usual purp (http://www.flickr.com/photos/12187843@N07/2035153457/)

The Usual purp (http://www.flickr.com/photos/12187843@N07/2035153457/)

Si quieres identificar en tu tema las categorías a iconos que las distingan puedes hacerlo de varias maneras, ya sea mediante códigos o plugins.

Vamos a ver un par de opciones de cada posibilidad …

1. Asociar iconos a categorías mediante código

Tenemos un par de códigos con los que hacerlo. El primero, añadido a nuestro plugin de funciones o archivo functions.php, sería así:

<?php

function get_cat_icon($las_categorias) {
foreach( $las_categorias as $category) {

if ($category->cat_name == “Categoria 1″) {
echo ‘<a href=”http://www.tusitio.com/category/categoria1″><img src=”http://ruta/a/tus/imagenes/imagen1.png” /></a>’;
} elseif ($category->cat_name == “Categoria 2″) {
echo ‘<a href=”http://www.tusitio.com/category/categoria2″><img src=”http://ruta/a/tus/imagenes/imagen2.png” /></a>’;
}
}
} ?>

Luego debes sustituir el loop para que acoja la nueva función, así:

<?php
$the_categories = get_the_category();
get_cat_icon($las_categorias);
?>

Otra posibilidad es usar este código directamente en el loop:

<?php
foreach((get_the_category()) as $category) {
    echo '<img src="http://www.tusitio.com/imagenes/' . $category->cat_ID . '.jpg" alt="' . $category->cat_name . '" />';
}
?>

Lo que tienes que cambiar es la ruta a tus imágenes y nombrar los iconos correspondientes con los números de ID de tus categorías, de manera que 1.jpg sea el icono para la categoría con ID 1, y así sucesivamente. Sencillo ¿no?.

2. Asociar iconos a categorías con plugin

De nuevo tenemos un par de posibilidades, elige el que mejor se adapte a tus necesidades y gustos.

Con Category and page icons solo tienes que asignar iconos a categorías (también a páginas si quieres) y allá donde se encuentre la función «wp_list_pages» o «wp_list_categories» se añadirá el icono elegido. Lo mejor de este plugin es que no tienes que modificar ni tocar el código de tu tema.

Puedes usar los iconos predefinidos o subir los tuyos propios, luego, en una pantalla de ajustes, asignar iconos a categorías y páginas a voluntad.

El otro plugin recomendable es Icons lite, con el que puedes subir iconos y asignarlos a las categorías que quieras. Una vez hecho esto el plugin mostrará automáticamente el icono asociado antes de la entrada en tu tema y también en la barra lateral.

Si prefieres definir tu mismo donde aparecerá puedes usar esta tag de plantilla:

<?php if (function_exists('get_cat_icon_lite')) echo get_cat_icon_lite();?>

Por opciones que no quede. ¿Cual has usado o te parece más interesante?, yo aún no tengo muy claro cual utilizar, pero me estoy pensando incorporar algo así en el blog.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(2 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

2 comentarios en “Asociar iconos a categorías”

  1. Una sugerencia para evitar escribir de forma manual las categorías en la función:
    1) Las imágenes a usar se nombran con el slug de la categoría. Por ejemplo, plugins.png
    1) Usar slug en vez de name.
    2) Usar una variable para construir la ruta de la imagen: slug + .png

  2. Hola, funciona muy bien este código, he escogido la segunda parte porque me resulta más facil subir el icono con el nombre del id de la categoria y listo.
    Quería saber cómo podría enlazar la imagen a la url de la categoría, lo he modificado así:

    <?php
    foreach((get_the_category()) as $category) {
    echo '<a href="»>cat_ID . ‘.jpg» alt=»‘ . $category->cat_name . ‘» />‘;
    }
    ?>

    pero la función «echo» no permite insertar código php dentro, con lo cual no funciona… ¿podríais ayudarme? muchas gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido