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

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

Nota: Este es un tutorial de nivel intermedio que requerirá que 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 sobre Categorías vs Etiquetas). Puede mostrar una imagen de archivo según la categoría a la que está asignada una publicación.

Esto es especialmente útil cuando a menudo se enfrenta a situaciones en las que no hay imágenes destacadas 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 una categoría, aún se verá relevante.

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

Anteriormente, en TrucosWP, le mostramos cómo configurar imágenes de categorías en WordPress. Sin embargo, para este tutorial, debe configurar manualmente las imágenes de categoría sin un plugin. Echa un vistazo a nuestro tutorial de la hoja de trucos temáticos y la guía para principiantes sobre cómo pegar fragmentos en WordPress.

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

El problema es que su tema de WordPress puede usar diferentes tamaños de imagen en diferentes plantillas. 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. Dejaremos 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. Al cargar, WordPress almacenará imágenes de su categoría y creará dimensiones definidas por su tema y las siguientes Configuración »Medios pantalla.

Después de cargar las imágenes de la 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. Las imágenes de categoría que cargó se almacenarán en la carpeta del mes. Ejemplo: /uploads/2013/12/

Cree una carpeta en el escritorio de su computadora y llámela imágenes de categoría. Ahora descargue todas las imágenes de su categoría y todas las dimensiones que WordPress creó para ellas en esta nueva carpeta de su escritorio. Una vez completada la descarga, debe cargar la carpeta de imágenes de la categoría en el directorio / wp-content / uploads. De esta manera, puede tener todos los tamaños de las imágenes de su categoría en una carpeta separada que es fácil de recuperar en su tema.

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

Antes de pasar a configurar estas imágenes como imágenes de archivo predeterminadas, echemos un vistazo a cómo las mostrarías en tus temas. Por ejemplo, puede ver estas imágenes en la parte superior de las páginas de categorías.

<?php 
if ( is_category() ) 

$thiscat = get_category(get_query_var('cat'),false); 

?>

<img class="category-thumb" src="<?php echo bloginfo('url'); ?>/wp-content/uploads/category-images/<?php echo $thiscat->slug ; ?>-50x50.jpg" alt="<?php echo $thiscat->name; ?>" />

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

Visualización de una imagen de un icono de categoría en la página de categorías

Visualización de la imagen de categoría como imagen de primer plano de copia de seguridad predeterminada

Ahora le mostraremos cómo mostrar una imagen de categoría como una imagen destacada de stock predeterminada o como una miniatura de publicación cuando una publicación no tiene su propia imagen destacada.

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

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

<?php if ( has_post_thumbnail() ) : ?>

<div class="entry-thumbnail">
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
</div>

<?php else : 
$category = get_the_category(); 
?>
<div class="entry-thumbnail">
<a href="<?php the_permalink(); ?>"><img src="<?php bloginfo('url'); ?>/wp-content/uploads/category-images/<?php echo $category[0]->category_nicename ; ?>-150x150.jpg" alt="<?php the_title(); ?>" /></a>
</div>

<?php endif; ?>

Este código busca una miniatura de la 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 vea la imagen de la categoría. Agregamos -150 × 150 en el nombre de archivo de la imagen porque este es el tamaño de la miniatura de la publicación en nuestro tema de demostración. Su tema puede usar un tamaño diferente para las miniaturas de las publicaciones, por lo que debe usar ese tamaño.

Tenga en cuenta que es posible que su tema ya tenga <?php if ( has_post_thumbnail() ) : ?> línea y las siguientes líneas que muestran la miniatura de la publicación. Puede omitir esas líneas si su tema ya las tiene.

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

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *