Cómo agregar imágenes destacadas a las entradas de tu blog según su categoría de forma automática

¿Estás buscando una manera de mejorar la apariencia de tu blog y hacer que las entradas sean más atractivas para tus lectores? Si es así, entonces la siguiente guía es para ti. En este artículo, te mostraremos cómo puedes añadir una imagen destacada automática a las entradas de tu blog en función de la categoría. Esto no sólo mejorará la estética de tu blog, sino que también mejorará significativamente el SEO.

¿Por qué necesitas una imagen destacada?

Una imagen destacada es una imagen que se muestra al principio de una entrada de blog, y se utiliza para llamar la atención del lector. Es importante tener una imagen destacada, ya que los lectores a menudo deciden si quieren seguir leyendo un artículo basándose en la imagen que ven. Si la imagen no es atractiva, es menos probable que los lectores continúen leyendo. Además, una imagen destacada también puede mejorar el SEO de tu sitio web, ya que ayuda a que las entradas se vean más atractivas en las páginas de resultados de búsqueda.

Paso 1: Crear una carpeta para las imágenes destacadas

Antes de empezar a añadir imágenes destacadas a tus entradas de blog, necesitarás crear una carpeta en tu sitio web donde puedas almacenar las imágenes. Puedes llamar a esta carpeta «featured-images» o cualquier otro nombre que te resulte adecuado.

Una vez que hayas creado la carpeta, asegúrate de darle permiso de escritura para que puedas subir imágenes a ella más adelante.

Paso 2: Crear una imagen destacada para cada categoría

Para añadir una imagen destacada automática a las entradas de tu blog en función de la categoría, necesitarás crear una imagen destacada para cada una de tus categorías. Esto significa que si tu blog tiene 10 categorías diferentes, necesitarás crear 10 imágenes destacadas diferentes.

Una vez que hayas creado las imágenes, asegúrate de guardarlas en la carpeta «featured-images» que creaste en el paso anterior.

Paso 3: Agregar código al archivo functions.php

Ahora que has creado las imágenes destacadas, necesitarás agregar el código que muestra las imágenes a las entradas de tu blog. Para hacer esto, tendrás que agregar el siguiente código al archivo «functions.php» de tu tema:

add_filter('the_content', 'add_featured_image_to_post');

function add_featured_image_to_post( $content ) {

global $post;

if ( has_post_thumbnail( $post->ID ) )
return $content;

$featured_image = '';
if ( !is_singular() ) {
$category = get_the_category();
$featured_image = get_template_directory_uri() . '/featured-images/' . $category[0]->slug . '.jpg';
}

if ( !$featured_image )
return $content;

$featured_image_html = '<div><img src="'.$featured_image.'" alt="'.$post->post_title.'" /></div>';
$content = $featured_image_html . $content;

return $content;

}

Este código funciona añadiendo una imagen destacada al principio de cada entrada, pero sólo si no hay ya una imagen destacada asignada a esa entrada. Si ya tienes una imagen destacada en una entrada, entonces no se mostrará la imagen destacada correspondiente a la categoría.

Paso 4: Subir el archivo functions.php de nuevo

Una vez que hayas añadido el código, sube el archivo «functions.php» de nuevo a tu servidor. Asegúrate de que el archivo se aloja en el directorio correcto para que funcione correctamente.

Paso 5: Verificar si todo funciona correctamente

  • Visita tu sitio web y ver si las imágenes destacadas se muestran correctamente en las entradas de tu blog.
  • Asegúrate de que las imágenes estén en la carpeta «featured-images» correctamente.
  • Asegúrate de que el nombre de la categoría y el archivo de imagen son iguales.

Para finalizar

Agregar una imagen destacada automática a las entradas de tu blog en función de la categoría es una forma fácil de mejorar el aspecto de tu sitio web y aumentar tu SEO. Con los pasos descritos en este artículo, puedes hacer que tu blog tenga una apariencia más profesional y atractiva para los lectores.

Entradas relacionadas

Deja una respuesta

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