Cómo agregar imágenes de taxonomía “íconos de categoría” en WordPress

¿Quieres agregar imágenes de taxonomía en WordPress? Las taxonomías son una forma de agrupar cosas en WordPress. Las categorías y las etiquetas son dos taxonomías predeterminadas que vienen integradas con cada blog de WordPress. En este artículo, le mostraremos cómo agregar imágenes de taxonomía en WordPress. En otras palabras, podrá agregar íconos de imagen para sus categorías, etiquetas y otras taxonomías personalizadas.

Cómo agregar imágenes de taxonomía en WordPress

¿Por qué agregar imágenes de taxonomía en WordPress?

Los tipos de publicaciones personalizadas y las taxonomías permiten que WordPress se convierta en un CMS completo. De forma predeterminada, WordPress viene con categorías y etiquetas como dos taxonomías predeterminadas que puede usar para ordenar sus publicaciones.

También puede crear sus propias taxonomías personalizadas y asociarlas con cualquier tipo de publicación en su sitio de WordPress. Esto permite a sus usuarios ver todo el resto de contenido archivado bajo esas taxonomías.

Con las imágenes de taxonomía, puede agregar imágenes o íconos destacados a los términos de cada taxonomía.

Por ejemplo, cada categoría de su sitio puede tener su propio icono, que se puede mostrar en páginas de archivo de categorías, listas de categorías, etc.

Habiendo dicho eso, echemos un vistazo a cómo agregar fácilmente imágenes de taxonomía en WordPress.

Agregar imágenes de taxonomía en WordPress

Lo primero que debe hacer es instalar y activar el complemento Taxonomy Images. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, debe visitar Configuración »Imágenes de taxonomía página para configurar los ajustes del complemento.

Configuración de imágenes de taxonomía

Verá una lista de taxonomías disponibles en su sitio de WordPress. Seleccione las taxonomías donde desea habilitar la función de imágenes de taxonomía y luego haga clic en el botón Guardar cambios.

En la captura de pantalla anterior, habilitamos imágenes de taxonomía para categorías.

Para agregar imágenes a cada categoría, deberá dirigirse a Publicaciones »Categorías página.

Si habilitó la función de imágenes de taxonomía para alguna otra taxonomía, deberá visitar esa página de taxonomía en particular en su área de administración de WordPress.

En la página de categorías, verá una nueva columna denominada ‘Imagen’ en su lista de categorías. Como aún no ha agregado ninguna imagen a las categorías, se mostrará una imagen en blanco predeterminada con un botón Agregar para cada categoría.

Agregar imágenes en miniatura a sus categorías

Continúe y haga clic en el botón Agregar debajo de la imagen en blanco. Esto abrirá la ventana emergente predeterminada del cargador de medios de WordPress.

Puede seleccionar una imagen de su biblioteca de medios de WordPress o cargar una nueva imagen. Después de eso, continúe y repita el proceso para agregar imágenes para todos los términos en su taxonomía.

Puede eliminar una imagen en cualquier momento que desee simplemente haciendo clic en el botón Eliminar debajo de la imagen.

Visualización de imágenes de taxonomía en su sitio de WordPress

Para mostrar imágenes de taxonomía en su sitio de WordPress, deberá editar su tema de WordPress o su tema hijo. Si es la primera vez que edita archivos de WordPress, es posible que desee ver nuestra guía sobre cómo copiar y pegar código en WordPress.

Primero deberá conectarse a su sitio de WordPress utilizando un cliente FTP.

Una vez conectado, deberá encontrar la plantilla responsable de mostrar sus archivos de taxonomía. Pueden ser archivos archives.php, category.php, tag.php o taxonomy.php.

Debe descargar el archivo a su computadora y abrirlo en un editor de texto como el Bloc de notas o TextEdit.

Ahora pegue el siguiente código donde desea mostrar su imagen de taxonomía. Por lo general, querrá agregarlo antes del título de la taxonomía o la etiqueta_archive_title ().

print apply_filters( 'taxonomy-images-queried-term-image', '' );

Después de agregar el código, debe guardar este archivo y volver a cargarlo en su sitio web mediante FTP.

Ahora puede visitar la página del archivo de taxonomía para ver cómo muestra su imagen de taxonomía. Así es como se veía en nuestra página de archivo de demostración.

Imagen de taxonomía en la página de archivo de taxonomía

Puede usar CSS personalizado para diseñar esta imagen.

Los usuarios avanzados pueden buscar más ejemplos de código en la página de inicio del complemento.

Esperamos que este artículo le haya ayudado a aprender cómo agregar fácilmente imágenes de taxonomía en WordPress. Es posible que también desee ver nuestra lista de los 10 hacks y complementos de categorías más buscados para WordPress.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Botón volver arriba