Cómo agregar imágenes destacadas o miniaturas de publicaciones en WordPress

Añadir una imagen destacada o miniatura de publicación en WordPress es esencial para cualquier bloguero, desarrollador o creador de contenido. Las imágenes destacadas hacen que tus publicaciones sean visualmente atractivas y son clave para atraer a tus lectores, mejorar el SEO y optimizar las vistas previas en redes sociales. Ya sea que tengas un blog, un portafolio o una tienda online, una imagen destacada bien ubicada puede aumentar significativamente el impacto de tu contenido.

En este artículo, aprenderás a habilitar y añadir imágenes destacadas en WordPress mediante el código y la configuración del tema. También te guiaremos en la adición de imágenes mediante el Editor Clásico y Elementor para que puedas elegir el método que mejor se adapte a tu flujo de trabajo.

¿Por qué utilizar imágenes destacadas en las publicaciones?

Las imágenes destacadas son cruciales para que tus publicaciones de WordPress sean más atractivas y profesionales. Sirven como referencias visuales que captan la atención de los lectores, mejoran la estética general de tu blog o sitio web y crean coherencia en todo tu contenido. Además de mejorar el atractivo visual, las plataformas de redes sociales suelen usar imágenes destacadas al compartir tu contenido, lo que fortalece la presencia de tus publicaciones y aumenta las tasas de clics.

Debido a su impacto, gestionar tus archivos multimedia, especialmente cuando tu sitio web crece, es tan importante como añadirlos. Una biblioteca multimedia saturada puede ralentizar tu flujo de trabajo y dificultar la búsqueda o reutilización eficiente de imágenes.

Por eso, herramientas como WP Media Folder son muy recomendables. Con funciones como carpetas ilimitadas, filtros de búsqueda avanzados e integración perfecta con plataformas en la nube, WP Media Folder te ayuda a mantenerte organizado y facilita la gestión de tus imágenes destacadas y otros archivos multimedia.

Cómo habilitar imágenes destacadas en tu tema de WordPress

No todos los temas de WordPress muestran o habilitan automáticamente la función de imagen destacada. Si no ves esta opción al crear una entrada, es posible que tu tema no la tenga habilitada. No te preocupes, puedes habilitarla de dos maneras: usando código personalizado (sin modificar directamente los archivos del tema) o a través de la configuración predeterminada del tema que estés usando.

Usando código personalizado

Si ya conoces WordPress y quieres habilitar manualmente la función de imagen destacada sin editar directamente el archivo functions.php, puedes usar un plugin como WP Code. Este plugin simplifica la adición de código sin el riesgo de dañar tu sitio web por errores tipográficos.

Para ello, empieza por instalar el plugin WPCode desde el menú Plugins > Añadir nuevo. Luego, busca "WPCode" y haz clic en Instalar y, a continuación, en Activar .

Una vez que el complemento esté activo, abra el menú Fragmentos de código y seleccione + Agregar fragmento.

Seleccione la opción "Agregar su código personalizado (nuevo fragmento)"

Luego, ingrese el siguiente código en la columna "Vista previa del código", seleccione Fragmento de PHP en Tipo de código y haga clic en Guardar fragmento.

Cuando abres el editor de publicaciones, la opción para agregar una imagen destacada aparece en la barra lateral.

Si desea mostrar la imagen destacada en la visualización de la publicación, agregue este código al archivo de tema apropiado dentro del bucle, como single.php o content.php.

<?php the_post_thumbnail(); ?> 

También puedes agregar esto para ajustar el tamaño de la imagen.

establecer_tamaño_de_miniatura_de_publicación( 300, 200 ); 

O crear tamaños personalizados como.

add_image_size( 'tamaño personalizado', 590, 180 ); 

Por último, llama con el siguiente código.

<?php the_post_thumbnail( 'custom-size' ); ?> 

Uso de la configuración del tema

Si no quieres complicarte con el código, muchos temas modernos de WordPress ya ofrecen opciones para habilitar y configurar imágenes destacadas directamente desde el Personalizador. Para ello, ve a Apariencia > Personalizar. Luego, selecciona de entrada > Blog/Archivo.

Luego, en Estructuras de publicación > Elementos de publicación, encontrarás el menú Imagen destacada. Para activarlo, simplemente haz clic en el icono del ojo, como se muestra en la siguiente imagen. También puedes ajustar la proporción, el efecto al pasar el cursor y el tamaño.

Añadir imágenes destacadas en WordPress a través de Gutengberg (Editor de bloques)

Añadir una imagen destacada en WordPress con Gutenberg (Editor de Bloques) es fácil y práctico, sobre todo por su interfaz moderna e intuitiva. Con Gutenberg, puedes configurar la imagen destacada directamente desde la barra lateral del editor sin necesidad de instalar plugins adicionales. Esta función es ideal tanto para principiantes como para usuarios experimentados que quieran personalizar rápidamente la apariencia visual de sus entradas.

Después de eso, seleccione la imagen que será la imagen destacada, ingrese el texto ALT y haga clic en Establecer imagen destacada.

Agregar imágenes destacadas en WordPress a través de Elementor

Si usas Elementor para crear páginas o entradas, puedes añadir imágenes destacadas fácilmente. Aunque el proceso es ligeramente diferente al del editor predeterminado de WordPress, Elementor ofrece opciones para mostrar imágenes destacadas dinámicamente en tu diseño. Primero, abre la entrada y haz clic en " Editar con Elementor".

Después, haz clic en el icono de Configuración en la parte superior central. A la izquierda, encontrarás el menú "Imagen destacada". Haz clic en " Elegir imagen".

Aparecerá la pantalla multimedia. Seleccione la imagen, introduzca el texto alternativo y, finalmente, haga clic en "Seleccionar" .

Conclusión

Añadir una imagen destacada puede aportar un valor visual importante para atraer la atención de los lectores, fortalecer la identidad del contenido y mejorar su apariencia al compartirse en redes sociales. Además de embellecer la página, esta función también favorece el SEO y le da a tu sitio web de WordPress un aspecto más profesional.

Sin embargo, mantener la biblioteca multimedia organizada y eficiente también es importante a medida que aumenta el número de imágenes subidas. Puedes usar WP Media Folder , una solución de gestión multimedia para WordPress con funciones destacadas como carpetas ilimitadas, búsqueda avanzada e integración en la nube. ¡Pruébala ahora para gestionar tus imágenes destacadas de forma más rápida, eficiente y sin complicaciones!