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



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

Mostrar imágenes de categoría en WordPress cuando no se encuentra una miniatura de publicación

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

Guión:

Supongamos que tiene un blog en el que designa una sola categoría para cada una de sus publicaciones (consulte nuestra guía Categorías vs. 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 te enfrentas a una situación en la que no hay una imagen destacada disponible para una publicación. Es posible que la imagen de su marca no coincida con el tema de la publicación, pero si está utilizando una imagen específica de la categoría, seguirá siendo relevante.

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

Anteriormente, en WPBeginner, le mostramos cómo configurar imágenes de categoría en WordPress. Sin embargo, para este tutorial, deberá configurar las imágenes de categoría manualmente sin un complemento. Consulte nuestro tutorial con consejos y una guía para principiantes sobre cómo pegar fragmentos en WordPress.

Lo primero que debe hacer es crear imágenes para sus categorías. Utilice la categoría slug como el nombre del archivo de imagen y guárdelo en el mismo formato, por ejemplo. jpg o png.

Ahora el problema es que el tema de WordPress puede estar usando diferentes tamaños de imagen en diferentes modelos. Por ejemplo, puede tener miniaturas de publicaciones más pequeñas en páginas de archivo e imágenes destacadas más grandes en publicaciones individuales. Dejemos que WordPress maneje el cambio de tamaño de la imagen. Para hacer esto, debe cargar las imágenes de su categoría en su sitio de WordPress desde Medios »Agregar nuevo. Durante la carga, WordPress almacenará las imágenes de su categoría y creará tamaños definidos por su tema y los siguientes Configuración »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 acceda a la carpeta / wp-content / uploads /. Las imágenes en la categoría que ha cargado se almacenarán en la carpeta del mes. Ejemplo: / uploads / 2013/12 /

Crea una carpeta en el escritorio de tu computadora y nómbrala-categoría-imágenes. Ahora descargue todas las imágenes de su categoría y todos los tamaños que WordPress creó para esta nueva carpeta en el escritorio. Cuando finalice la descarga, debe cargar la carpeta de imágenes de categoría en el directorio / wp-content / uploads. Esto le permitirá tener todos los tamaños de imagen en su categoría en una carpeta separada, fácil de llamar su tema.

Mostrar imágenes de categoría en plantillas de WordPress

Antes de continuar configurando estas imágenes como imágenes de respaldo estándar, echemos un vistazo a cómo las mostrará en sus temas. Por ejemplo, puede mostrar estas imágenes en la parte superior de las páginas de su categoría.

/ wp-content / uploads / category-images /babosa?> – 50 × 50.jpg “alt =”Nombre; ?> “/>

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

Mostrar una imagen de icono de categoría en la página de categoría

Mostrar imagen de categoría como imagen de reserva estándar

Ahora le mostraremos cómo mostrar una imagen de categoría como una copia de seguridad estándar o una imagen de publicación destacada en miniatura cuando una publicación no tiene su propia imagen destacada.

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

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

“>

“>/ wp-content / uploads / category-images /category_nicename; ?> – 150 x 150.jpg “alt =”“/>

Este código busca una miniatura de publicación. Si encuentra uno, muestra la miniatura de la publicación. De lo contrario, busque la categoría a la que pertenece una publicación y luego muestre la imagen de la categoría. Agregamos -150 × 150 al nombre del archivo de imagen porque este es el tamaño de miniatura de la publicación en el tema de demostración. Su tema puede estar usando un tamaño diferente para publicar miniaturas, por lo que debe usar ese tamaño.

Tenga en cuenta que su tema ya puede tener una línea y las siguientes líneas que muestran la miniatura de la publicación. Puede omitir estas líneas si su tema ya las tiene.

Esperamos que este artículo lo ayude a agregar una imagen de respaldo destacada basada en la categoría de publicación. Para comentarios y preguntas, deje un comentario a continuación.

Botón volver arriba