Cómo agregar imágenes de taxonomía (iconos de categoría) en WordPress

Adding category icons or taxonomy images in WordPress

¿Quiere mostrar imágenes de taxonomía o iconos de categoría en WordPress?

De forma predeterminada, WordPress no proporciona una opción para cargar una imagen de taxonomía o un ícono de categoría. Simplemente muestra un nombre de categoría o taxonomía en las páginas de archivo.

En este artículo, le mostraremos cómo agregar fácilmente imágenes de taxonomía o íconos de categoría en WordPress. También le mostraremos cómo mostrar imágenes taxonómicas en sus páginas de archivo.

📑 Aquí podrás encontrar 👇

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

De forma predeterminada, su sitio de WordPress no ofrece una opción para agregar imágenes para sus taxonomías, como categorías y etiquetas (u otras taxonomías personalizadas).

Simplemente utiliza nombres de taxonomía en todas partes, incluidos los archivos de categoría o las páginas de archivo de taxonomía.

Parece un poco simple y aburrido.

Si obtiene mucho tráfico de búsqueda en sus páginas de taxonomía, debe hacer que se vean más atractivas.

La forma más fácil de hacer que una página sea más interesante es agregar imágenes. Puede agregar imágenes de taxonomía o íconos de categoría para que estas páginas sean más fáciles de usar y atractivas.

Un buen ejemplo de esto es un sitio como NerdWallet, que usa íconos de categoría en su encabezado:

También puede usarlo para crear hermosas secciones de navegación en su página de inicio como Bankrate:

Echemos un vistazo a cómo agregar fácilmente imágenes de taxonomía en WordPress.

Agregue fácilmente imágenes de taxonomía en WordPress

Lo primero que debes hacer es instalarlo y activarlo. Categorías de fotos Enchufar. Consulte nuestra guía paso a paso para instalar un complemento de WordPress para obtener más detalles.

Después de la activación, puede ir Publicaciones » Categorías en el lado. Notará que el complemento mostrará una imagen de contenedor para sus categorías existentes.

Para elegir su propio ícono de categoría, debe hacer clic en el enlace Editar debajo de la categoría.

En la página de edición de categoría, desplácese hacia abajo y encontrará un formulario para cargar su propia imagen de taxonomía.

Simplemente haga clic en el botón "Cargar/Agregar nueva imagen" para cargar la imagen que desea usar para esa categoría en particular.

Asegúrese de hacer clic en el botón Agregar categoría o Actualizar para guardar los cambios.

Luego puede repetir el proceso para cargar imágenes para imágenes de otra categoría. También puede cargar imágenes para sus etiquetas y otras taxonomías.

Ahora, el problema es que después de agregar las fotos, cuando visita una página de categoría, no ve la foto de su categoría allí.

Para verlo, debe editar su tema de WordPress o tema secundario. Si es la primera vez que edita archivos de WordPress, puede consultar nuestra guía para copiar y pegar código en WordPress.

Primero, debe conectarse a su sitio de WordPress usando un cliente FTP o su administrador de archivos de alojamiento de WordPress.

Una vez conectado, debe encontrar la plantilla responsable de mostrar sus archivos de taxonomía. Estos pueden ser archivos archives.php, category.php, tag.php o taxonomy.php.

Consulte nuestra guía para encontrar archivos editables en un tema de WordPress para obtener más detalles.

Una vez que encuentre el archivo, debe descargarlo a su computadora y abrirlo en un editor de texto como Notepad o TextEdit.

Ahora coloque el siguiente código donde desee mostrar su imagen de taxonomía. Por lo general, desea agregarlo antes el título de la taxonomía o the_archive_title() Señal.


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

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

Todavía puede parecer un poco incómodo ahora, pero no te preocupes. Puedes diseñar esto con un poco de CSS personalizado.

Aquí está el CSS personalizado que usamos para la imagen de taxonomía.

img.taxonomy-img {
    float: left;
    max-height: 100px;
    max-width: 100px;
    display: inline-block;
}

Dependiendo de su tema, es posible que también deba diseñar elementos circundantes, como el título y la descripción de la taxonomía.

Simplemente envolvimos el título y la descripción de nuestro archivo taxonómico en un


elemento y agregó una clase CSS personalizada. Luego usamos el siguiente código CSS para personalizar el título y la descripción.

.taxonomy-title-description {
    display: inline-block;
    padding: 18px;
}

Esto es lo que parecía en nuestra página de prueba después.

Excluir taxonomías de mostrar imágenes de taxonomía

Ahora, algunos usuarios pueden querer usar solo imágenes de taxonomía para taxonomías específicas.

Por ejemplo, si ejecuta una tienda en línea con WooCommerce, es posible que desee excluir categorías de productos.

Simplemente regrese a la página de imágenes de categoría en su administrador de WordPress y revise las taxonomías que desea excluir.

Asegúrese de hacer clic en el botón Guardar cambios para guardar su configuración.

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 estos trucos útiles para las categorías y los complementos de WordPress, o leer nuestros consejos para obtener más tráfico en los motores de búsqueda.

Deja una respuesta

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

Subir