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

Cómo agregar una imagen destacada o miniatura de publicación en WordPress es esencial para cualquier blogger, desarrollador o creador de contenido. Las imágenes destacadas hacen que tus publicaciones sean visualmente atractivas y juegan un papel clave en la participación de tus lectores, mejorando SEO, y mejorando las vistas previas en las redes sociales. Ya sea que esté ejecutando un blog, un sitio de portfolio o una tienda en línea, una imagen destacada bien colocada puede aumentar significativamente el impacto de su contenido.

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

¿Por qué usar imágenes destacadas en las entradas?

Las imágenes destacadas son cruciales para hacer que tus publicaciones de WordPress sean más atractivas y profesionales. Sirven como señales visuales que ayudan a captar 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 utilizar imágenes destacadas cuando se comparte tu contenido, lo que da a tus publicaciones una presencia más fuerte y aumenta las tasas de clic.

Debido a su impacto, la gestión de sus archivos multimedia, especialmente cuando su sitio crece, es tan importante como agregarlos. Una biblioteca multimedia desordenada puede ralentizar su flujo de trabajo y dificultar la búsqueda o reutilización de imágenes de manera eficiente.

Es por eso que herramientas como WP Media Folder son altamente recomendadas. Con características como carpetas ilimitadas, filtros de búsqueda avanzados e integración perfecta con plataformas en la nube, WP Media Folder le ayuda a mantenerse organizado y hace que la gestión de sus imágenes destacadas y otros medios sea sin esfuerzo.

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

No todos los temas de WordPress muestran automáticamente o incluso habilitan la función de imagen destacada. Si no ves esta opción al crear una entrada, es posible que tu tema no haya habilitado el soporte para esta función. No te preocupes, puedes habilitarlo de dos maneras, utilizando código personalizado (sin tocar directamente los archivos del tema) o a través de las configuraciones predeterminadas del tema que estás utilizando.

Usando código personalizado

Si está familiarizado con WordPress y desea habilitar manualmente la función de imagen destacada sin editar directamente el archivo functions.php, puede usar un complemento de WordPress como WP Code. Este complemento simplifica la adición de código sin el riesgo de dañar su sitio debido a errores de tipeo.

Para hacer esto, comience instalando el plugin WPCode desde el menú Plugins > Agregar nuevo. Luego, busque "WPCode" y haga clic en Instalar, luego Activar.

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

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

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 abra el editor de publicaciones, agregar una imagen destacada aparecerá 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 ciclo, como single.php o content.php.

<?php the_post_thumbnail(); ?> 

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

set_post_thumbnail_size( 300, 200 ); 

O cree tamaños personalizados como.

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

Finalmente, llame con el siguiente código.

<?php the_post_thumbnail( 'tamaño-personalizado' ); ?> 

Usando la configuración del tema

Si no desea molestarse con el código, muchos temas modernos de WordPress ya proporcionan configuraciones para habilitar y establecer imágenes destacadas directamente desde el Personalizador. Para hacer esto, vaya a Apariencia > Personalizar. Luego seleccione Tipos de publicaciones > Blog / Archivo.

Luego, bajo Estructuras de publicación > Elementos de publicación, encontrará el menú de imagen destacada. Para activarlo, simplemente haga clic en el icono del ojo como se muestra en la siguiente imagen. También puede ajustar la proporción, el efecto de desplazamiento y el tamaño.

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

Agregar una imagen destacada en WordPress usando Gutenberg (Editor de bloques) es fácil y práctico, especialmente porque su interfaz es moderna e intuitiva. Con Gutenberg, puede establecer la imagen destacada directamente desde la barra lateral del editor sin instalar complementos adicionales. Esta característica es adecuada para usuarios principiantes y experimentados que desean personalizar rápidamente la apariencia visual de sus entradas.

Después de eso, seleccione la imagen para que sea 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 utiliza Elementor para crear páginas o entradas, todavía puede agregar imágenes destacadas fácilmente. Aunque el proceso es ligeramente diferente del editor predeterminado de WordPress, Elementor proporciona opciones para mostrar imágenes destacadas dinámicamente en su diseño. Primero, abra la entrada y haga clic en Editar con Elementor.

Después de eso, haga clic en el icono de Configuración en la parte superior central. En el lado izquierdo hay un menú de Imagen destacada, haga clic en Elegir imagen.

Luego aparecerá la pantalla de medios. Seleccione la imagen, ingrese el texto alternativo y finalmente haga clic en Seleccionar.

Conclusión

Agregar una imagen destacada puede proporcionar un valor visual importante para atraer la atención de los lectores, fortalecer la identidad del contenido y mejorar la apariencia cuando se comparte en las redes sociales. Además de embellecer la página, esta característica también admite SEO y hace que su sitio web de WordPress se vea más profesional.

Sin embargo, mantener la biblioteca de medios organizada y eficiente también es importante a medida que aumenta el número de imágenes cargadas. Puede usar WP Media Folder, una solución de gestión de medios de WordPress con características destacadas como carpetas ilimitadas, búsqueda avanzada e integración en la nube. Pruébelo ahora para administrar sus imágenes destacadas de manera más rápida, eficiente y sin estrés.