Agregar imagen destacada en categorías wordpress

En el siguiente tutorial trataré de explicar como agregar una imagen destacada a las categorías en wordpress, también aprenderemos a mostrar esta imagen en nuestra plantilla, y el uso de las funciones que realizan esta tarea.

¿Como agregar imagen destacada en categorías wordpressWordPress de forma nativa no permite agregar imagen destacada a las categorías, para hacer esto tenemos que recurrir a código extra o a plugins de terceros. Quizás también te interesa saber como agregar una imagen destacada por defecto a tus entradas, se hace de forma sencilla agregando una función al archivo function.php de nuestro theme wordpress.

En esta ocasión lo he realizado con el plugin: Category Thumbnails, lo hace de una forma bastante sencilla, tanto para agregar la imagen destacada a la categoría como para mostrar la imagen destacada de la categoría, para ponerlo en funcionamiento seguimos los siguientes pasos:

¿Como agregar imagen destacada en categorías wordpress?

1. Descargar y sube el plugin Category Thumbnails en la carpeta wp_content/plugins, o instalalo directamente desde el gestor de plugins de wordpress.

2. Una vez activado el plugin, nos dirigimos a Entradas/Categorías y al editar o agregar una nueva categoría podemos fijarnos del nuevo botón que se ha añadido para seleccionar una imagen.

Agregar imagen destacada en categorías wordpress

Al agregar una imagen destacada a una categoría, podemos ver en el listado de categorías de wordpress como nos muestra una miniatura de dicha imagen.

Imagen destacada en categorias wordpress

¿Como mostrar imagen destacada de la categoría wordpress?

Una vez tenemos nuestras categorías con su respectiva imagen destacada, ahora toca mostrar esta imagen en nuestra plantilla, para facilitarnos la tarea el creador del plugin nos facilita  funciones de las cuales podemos hacer uso.

1.has_category_thumbnail(): Esta función nos debuelbe true si la categoría tiene una imagen destacada, con lo cual podemos hacer uso de ella para mostrar una cosa u otra dependiendo de su resultado.

2.the_category_thumbnail([category_id]): Esta función muestra la imagen destacada asignada a la categoría acctual. Al igual que la función the_post_thumbnail() agrega la imagen destacada al post actual.

3.get_the_category_thumbnail([category_id]): Esta función realiza la misma tarea que get_the_post_thumbnail(), Obtiene la imagen establecida como destacada en un post, página o en nuestro caso en una categoría.

Ejemplo de uso:

1.Imaginen que queremos mostrar en el archivo category.php la imagen destacada de la categoría actual, y si no tuviese agregarle una por defecto, esto podemos hacerlo con el siguiente código.

Este ejemplo nos sirve para mostrar la imagen destacada de la categoría actual, pero, ¿y si queremos mostrar las imágenes de las categorías hijas de la categoría actual? Esto lo explico en el siguiente ejemplo.

2.Listado de categorías hijas de la categoría actual, suena un poco raro, pero, si es lo que quiero decirles… Lo primero es saber el ID de la categoría actual, para ello utilizamos la siguiente línea de código.

Ahora crearemos las condiciones para hacer la consulta de todas las categorías hijas de la categoría actual.

Y por último mostramos el listado, con el siguiente código.

El resultado sería un listado de las categorías hijas cuando estemos en la categoría padre, es muy util cuando trabajamos con proyectos con contenido muy seccionado, en mi caso lo he utilizado para una web que hay una navegación por categorías y este script es el que utilice.

Código completo:

Si quieren aprender un poco más sobre este tema les recomiendo ver la documentación de esta función: get_categories() en en esta página pueden ver todas las posibilidades que tienen para utilizar con esta función.

Conclusión:

Espero que este tip le ayude de alguna forma, nos solo hemos aprendido a agregar una imagen destacada a una categoría de wordpress, si no que hemos aprendido a obtener el id de la categoría actual, a mostrar un listado de categorías hijas entre otras cosas.

Si tienen alguna duda dejen su comentario y trataré de aclararlas.

Un Saludo.

¿Que te ha parecido este artículo? Dejanos tu valoración...

HorribleMaloBuenoMuy BuenoExcelente (1 votes, average: 5,00 out of 5)
Loading...Loading...

  • Kevin

    Hola, ya supongo que sabes quien soy jajajaja hasta ahora se me ocurrió
    creo que lo que debí preguntar primero
    consejos para iniciar en este camino desde lo “novato” hasta el “maestro” lo que hay que tener en cuenta

    • http://jordanopolanco.com jordano_p

      Antes que nada pedirte que si el comentario no tiene nada que ver con la entrada, busca otra vía, entra al facebook y haz tu pregunta ahí, estos comentarios desvirtúan el tema principal de la entrada.

  • Antonio

    Hola Jordano, gracias por el artículo.

    He creado un “custom post type” con su correspondiente “taxonomy” para gestionar la subida de productos en un site de zapatos. Todo funciona perfectamente pero no soy capaz de conseguir una cosa. Necesito hacer un menú con los distintos terms de esa taxonomy con el nombre y una imagen asociada. La primera parte la he logrado gracias a este código:

    0)
    {
    foreach($customPostTaxonomies as $tax)
    {
    $args = array(
    ‘orderby’ => ‘name’,
    ‘show_count’ => 0,
    ‘pad_counts’ => 0,
    ‘hierarchical’ => 1,
    ‘taxonomy’ => $tax,
    ‘title_li’ => ”
    );

    wp_list_categories( $args, $img );

    }
    }

    Pero lo que no consigo es que muestre una imagen para cada term. Investigando, he dado con un plugin llamado “Taxonomy Images” pero una vez asignada la imagen a cada term con éxito, no consigo que éstas se vean en el frontoffice. Qué me puedes aconsejar? Tienes otra solución sin pasar por estos plugins?

    La página en cuestión es http://www.sandrastylo.es pero tiene el acceso restringido mediante .htaccess. Si necesitas que la abra, lo podría hacer por un espacio de tiempo corto, ya que está publicada.

    Gracias de antemano.

    Antonio.

    • http://jordanopolanco.com jordano_p

      Hola Antonio,

      Una pregunta, ¿Al instalar el plugin que cito en este post, no te sale la opción de adjuntar una imagen a esa taxonomía?

  • http://gravatar.com/joaquinmilans joaquinmilans

    buenas tardes,

    Antes de nada agradecerte tu post. Desde luego estaba buscado algo como esto, pero…

    Instalo, activo y en las categorias no aparece botón alguno para subir imagen. ¿hay que hacer algo mas que esto? tengo wordpress 3.8

    Un saludo.

    • http://jordanopolanco.com Jordano Polanco

      Me parece que no funciona en la nueva versión de wordpress.

  • http://gravatar.com/joaquinmilans joaquinmilans

    añado que aunque no tengo dicho boton si me aparece en el listado de categorias una columna llamada Thumbnail…

    • http://www.sergibeltran.com Sergi

      A mi me sucede lo mismo.

      Tengo WordPress 3.8 y la versión del plugin 1.0.3

      ¿Alguna solución?

  • http://www.sergibeltran.com Sergi

    Hola Jordano, recibí el comentario de ayer, pero lamentablemente con la última versión que me instalé ayer de plugin (1.0.3) y con la última versión de WordPress (3.8) sigue sin aparecer el botón para poder añadir una imagen a una categoría.

    Saludos

  • https://www.facebook.com/malbixoloco Vicente Vm

    instale el plugin peor al activarlo me dice que es incompatible, saludos

  • http://jordanopolanco.com Jordano Polanco

    Hola chicos,

    Ya el desarrollador del plugin se dignó en reparar los problemas que tenía en esta versión de wordpress, ya sí que funciona.

    Instalen de nuevo el plugin y aparecerá una alerta donde les dice que deben agregar:

    para dar soporte a esta función.

  • Maite

    Hola! Muchísimas gracias por el tutorial, está muy bien explicado! Pero estoy teniendo problemas. He añadido el plugin y me ha indicado, como comentas en tu último comentario que debía añadir el “add_theme_support..” etc. Lo he hecho y me aparece el botón, pero éste no funciona. ¿Alguna idea de cómo solucionar este tema? Muchísimas gracias de antemano!

  • Sergio

    Buenas tardes. Estaba buscando algo como esto para nuestra web y al encontrarlo, me llenó de alegría. Instalé el plugin y como el tema que uso (Coller) no tenía la plantilla category.php, la creé y copié el ejemplo de uso marcado con 1. de este blog. El problema es que me da un error Parse error: syntax error, unexpected ”themes>coller>category.php on line 5 y ahora no funcionan las categorías y tampoco sé cómo eliminar el category.php que creé para que todo vuelva a la normalidad. Qué puedo hacer?
    Gracias de antemano.

  • paula andriole

    Gracias! hace 2 días que estaba peleando con esto.