Cómo configurar una imagen destacada alternativa en función de la categoría de publicación en WordPress

Recientemente, uno de nuestros usuarios nos preguntó cómo pueden establecer la miniatura de publicación predeterminada de reserva para categorías específicas en WordPress. En nuestro tutorial anterior, mostramos cómo configurar una imagen de respaldo predeterminada para el tutorial de miniaturas de WordPress. En este artículo, le mostraremos cómo configurar una imagen destacada alternativa predeterminada para categorías específicas en WordPress.

Nota: Este es un tutorial de nivel intermedio que requiere que usted conozca HTML, CSS y los conceptos básicos de la estructura del tema de WordPress..

Guión:

Supongamos que tiene un blog en el que asigna una sola categoría a cada una de sus publicaciones (consulte nuestra guía en Categorías frente a etiquetas). Puede mostrar una imagen alternativa en función de la categoría a la que se asigna una publicación..

Es particularmente útil cuando a menudo se enfrenta con una situación en la que no hay una imagen destacada disponible para una publicación. Es posible que su imagen de marca no coincida con el tema de la publicación, pero si está utilizando una imagen específica de categoría, seguirá siendo relevante..

Configuración de imágenes de categoría en WordPress sin un complemento

Anteriormente en WPBeginner, le mostramos que configurara imágenes de categoría en WordPress. Sin embargo, para este tutorial, deberá configurar las imágenes de categoría manualmente sin un complemento. Echa un vistazo a nuestro tutorial de hojas de trucos sobre temas y a la guía para principiantes sobre cómo pegar fragmentos en WordPress..

Lo primero que debes hacer es crear imágenes para tus categorías. Utilice la barra de categorías como nombre de archivo de imagen y guárdelas todas en el mismo formato, por ejemplo, jpg o png.

Ahora el problema es que su tema de WordPress puede estar usando diferentes tamaños de imagen en diferentes plantillas. Como por ejemplo, puede tener miniaturas de publicaciones más pequeñas en las páginas de archivo e imágenes destacadas más grandes en las publicaciones individuales. Dejaremos que WordPress maneje el cambio de tamaño de las imágenes. Para hacerlo, necesita subir las imágenes de su categoría a su sitio de WordPress desde Medios »Añadir Nuevo. Durante la carga, WordPress almacenará las imágenes de su categoría y creará los tamaños definidos por su tema y aquellos que se encuentran bajo Ajustes »Medios pantalla.

Después de cargar las imágenes de categoría, debe moverlas a un directorio diferente. Conéctese a su sitio web utilizando un cliente FTP como Filezilla y vaya a / wp-content / uploads / carpeta. La categoría de imágenes que subió se almacenará en la carpeta del mes. Ejemplo: / uploads / 2013/12 /

Cree una carpeta en el escritorio de su computadora y nómbrela como categoría-imágenes. Ahora descargue todas las imágenes de su categoría y todos los tamaños que WordPress creó para ellos en esta nueva carpeta en su escritorio. Una vez finalizada la descarga, debe cargar la carpeta de imágenes de categoría en su directorio / wp-content / uploads. Hacer esto le permitirá tener todos los tamaños de imagen de categoría en una carpeta separada que sea fácil de llamar a su tema.

Visualización de imágenes de categoría en plantillas de WordPress

Antes de pasar a configurar estas imágenes como imágenes de respaldo predeterminadas, veamos cómo las mostraría en sus temas. Por ejemplo, puede mostrar estas imágenes en la parte superior de sus páginas de categoría.

Así es como apareció en la página de archivo de la categoría de nuestro sitio de demostración..

Visualización de la imagen de la categoría como predeterminado Imagen destacada alternativa

Ahora vamos a mostrarle cómo mostrar una imagen de categoría como la imagen destacada alternativa o alternativa de publicación posterior cuando una publicación no tiene su propia imagen destacada.

Nota: Haga una copia de seguridad de sus archivos de temas antes de realizar cambios.

Dentro de su bucle, donde su tema muestra la imagen destacada o la miniatura de la publicación, reemplácelo con este código:

Este código busca una miniatura de la publicación. Si encuentra uno, entonces muestra la miniatura del post. De lo contrario, busca la categoría a la que pertenece una publicación y luego muestra la imagen de la categoría. Hemos agregado -150 × 150 en el nombre del archivo de imagen porque este es el tamaño de la miniatura de la publicación en nuestro tema de demostración. Es posible que su tema esté usando un tamaño diferente para las miniaturas de las publicaciones, por lo que necesita usar ese tamaño en su lugar.

Tenga en cuenta que su tema ya puede tener y las siguientes líneas que muestran la miniatura de la publicación. Puedes saltarte esas líneas si tu tema ya las tiene..

Eso es todo, esperamos que este artículo te haya ayudado a agregar una imagen destacada alternativa en la categoría de publicación. Para comentarios y preguntas, por favor deje un comentario a continuación.