Cómo establecer una imagen alternativa basada en la categoría de mensaje en WordPress

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

Nota: Este es un tutorial de nivel intermedio que requiere que conozcas HTML, CSS, y los fundamentos de la estructura temática de WordPress.

Escenario:

Digamos que tienes un blog en el que asignas una sola categoría a cada una de tus entradas (echa un vistazo a nuestra guía sobre Categorías vs Etiquetas). Puedes mostrar una imagen de emergencia basada en la categoría a la que está asignada una entrada.

Es particularmente útil cuando a menudo te encuentras en una situación en la que no hay ninguna imagen destacada disponible para un artículo. Es posible que su imagen de marca no coincida con el tema del mensaje, pero si está utilizando una imagen específica de una categoría, entonces seguirá pareciendo relevante.

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

Anteriormente en AprenderWP, te mostramos cómo establecer imágenes de categoría en WordPress. Sin embargo, para este tutorial necesitaría configurar las imágenes de la categoría manualmente sin necesidad de un plugin. Echa un vistazo a nuestro tutorial de la Hoja de Trucos de Temas y a la guía para principiantes para pegar fragmentos en WordPress.

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

Ahora el problema es que tu tema de WordPress puede estar usando diferentes tamaños de imagen en diferentes plantillas. Como por ejemplo, puede tener miniaturas más pequeñas en las páginas de archivo e imágenes más grandes en los mensajes individuales. Dejaremos que WordPress se encargue del redimensionamiento de las imágenes. Para ello, necesita subir las imágenes de su categoría a su sitio WordPress desde Media " Add New . Durante la carga, WordPress almacenará las imágenes de su categoría y creará tamaños definidos por su tema y los de la pantalla Settings " Media .

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

Cree una carpeta en el escritorio de su ordenador y nómbrela con imágenes de categoría. Ahora descarga todas las imágenes de tu categoría y todos los tamaños de WordPress creados para ellas a esta nueva carpeta en tu escritorio. Una vez finalizada 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 de su categoría en una carpeta separada que es fácil de llamar a su tema.

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

Antes de pasar a establecer estas imágenes como imágenes de emergencia predeterminadas, echemos un vistazo a cómo las mostraría en sus temas. Por ejemplo, puede mostrar estas imágenes en la parte superior de las páginas de su categoría.

12345678 /wp-content/uploads/category-images/slug ; ?>-50x50.jpg "alt="name; ?>"/>>name

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

Mostrando la Imagen de Categoría como Imagen Destacada por Defecto

Ahora vamos a mostrarle cómo mostrar una imagen de categoría como la imagen en miniatura o imagen de emergencia predeterminada cuando un mensaje no tiene su propia imagen en miniatura.

Nota: Por favor, haga una copia de seguridad de sus archivos de tema antes de hacer cualquier cambio.

Dentro de su bucle, donde su tema está mostrando la imagen destacada o postear la miniatura, reemplácela con este código:

1234567891011121314>"">"> >""> <img src="/wp-content/uploads/category-images/category_nicename%20;%20?>-150x150.jpg%20"alt="">"/>

Este código busca una miniatura del mensaje. Si encuentra una, entonces muestra la miniatura de la publicación. De lo contrario, busca la categoría a la que pertenece un mensaje y luego muestra la imagen de la categoría. Hemos añadido -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 el tema utilice un tamaño diferente para las miniaturas de las publicaciones, por lo que deberá utilizar ese tamaño en su lugar.

Tenga en cuenta que es posible que el tema ya tenga una línea y que las siguientes líneas muestren la miniatura de la publicación. Puede saltarse esas líneas si el tema ya las tiene.

Eso es todo, esperamos que este artículo le haya ayudado a añadir una imagen de emergencia basada en la categoría de mensajes. Para comentarios y preguntas, por favor deje un comentario a continuación.

Deja una respuesta

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

Subir