Imagen de portada vs. imagen destacada en el editor de bloques de WordPress (Guía para principiantes)

WordPress 5.0 fue lanzado con el nuevo editor de bloques de Gutenberg y una gran cantidad de características interesantes. Uno de ellos es el bloque de Portada, que le permite añadir imágenes de portada a sus mensajes y páginas.

Esta característica ha confundido a algunos usuarios porque puede parecer similar a la opción Imagen Destacada que ha estado en WordPress desde WordPress 2.9.

En este artículo, explicaremos las diferencias entre la imagen de portada y la imagen destacada en el editor de bloques de WordPress.

¿Qué es una imagen de portada?

Una imagen de portada es generalmente una imagen amplia usada como foto de portada para una nueva sección en una entrada o página de un blog. Forma parte del artículo completo. Puede utilizar una imagen de portada al iniciar una nueva sección o una nueva historia dentro de su artículo.

Con el bloque de portada en WordPress, puede añadir texto y superposición de color en la imagen de portada.

Al añadir una sobreimpresión de color apropiada que coincida con el color del tema o el estado de ánimo del contenido, puede hacer que su artículo sea más atractivo.

Del mismo modo, añadir una sobreimpresión de texto ayuda a sus usuarios a identificar fácilmente dónde comienza una nueva sección en su artículo y de qué se trata.

Tradicionalmente, los blogueros utilizan el texto de los encabezados para separar las secciones en una entrada del blog. Con las imágenes de portada, ahora tiene opciones para separar las secciones de una manera más atractiva visualmente.

¿Qué es una imagen destacada?

Una imagen destacada (también conocida como post thumbnail) es la imagen principal del artículo que representa el contenido. Se muestran de forma prominente en su sitio web en entradas individuales, páginas de archivo de blogs, así como en la página principal de sitios web de noticias, revistas y blogs.

Aparte de eso, las imágenes destacadas también se muestran en los canales de medios sociales cuando se comparte un artículo.

Las imágenes destacadas están diseñadas cuidadosamente para que luzcan atractivas. Estas imágenes permiten a los usuarios echar un vistazo rápido a su contenido y les permiten acceder a todo el artículo.

Encontrarás un meta recuadro en tu pantalla de edición de postproducción para añadir una imagen destacada porque casi todos los temas de WordPress soportan imágenes destacadas por defecto.

Dónde y cómo se muestran las imágenes destacadas es totalmente controlado por su tema de WordPress.

Para opciones avanzadas de imagen destacada, puede comprobar estos mejores plugins de imagen destacada de WordPress.

¿Cómo añadir una imagen de portada en WordPress?

El nuevo editor de bloques de WordPress (Gutenberg) viene con un bloque de portadas que le permite añadir una imagen de portada en WordPress.

Primero, necesitas crear un nuevo mensaje o editar uno ya existente. En la pantalla de edición de mensajes, haga clic en el botón Añadir nuevo bloque y, a continuación, seleccione Bloque de portada.

Puede encontrar el bloque de portada dentro de la pestaña Bloques comunes.

Al hacer clic en el bloque, verá el bloque de portada añadido a su editor de contenido con opciones para añadir su nueva imagen de portada.

Puede simplemente arrastrar y soltar una imagen o vídeo en el área de bloque para cargar una nueva imagen de portada. También puede hacer clic en el botón Cargar, elegir una imagen en el equipo y abrirla para cargarla.

Si desea añadir una imagen ya cargada en su biblioteca multimedia, puede hacer clic en el botón Biblioteca multimedia y seleccionar una imagen de su galería multimedia.

Una vez añadida la imagen de la portada, puede personalizarla fácilmente haciendo clic en la imagen de la portada.

Esto le mostrará una barra de herramientas con opciones de personalización encima de la imagen, el campo Escribir título.... en el centro de la imagen y la configuración del bloque, incluyendo la superposición de color en el panel del lado derecho.

Aparte de la opción de alineación, el bloque de imagen de la cubierta le ofrece las dos opciones de ancho: Ancho y ancho completo.

La opción de ancho hace que la imagen parezca tan ancha como su contenido. La opción de ancho completo hace que su imagen cubra toda la pantalla de la ventana.

A continuación, puede añadir un título para la imagen de portada. Cuando haga clic en la imagen de portada, verá el campo "Escribir título..." en el centro de la imagen de portada.

Simplemente haga clic en esa área para agregar texto. Puede escribir el título de la imagen de portada y formatearla utilizando las opciones de formato que aparecen en la parte superior del texto o en la parte superior de la imagen de portada.

Finalmente, hay ajustes del bloque de la cubierta en el panel lateral derecho. Puede habilitar Fondo fijo para crear un efecto de paralaje cuando los usuarios se desplazan por la página.

Debajo de eso, hay opciones de superposición de color. De forma predeterminada, añade el color del tema como color de superposición con un 50% de transparencia, pero puede cambiar el color de superposición y también cambiar la opacidad moviendo el punto.

Por último, puede añadir código CSS y añadir más estilos a su imagen de portada haciendo clic en la opción Avanzado .

¡Eso es todo!

Puede repetir este paso para añadir varias imágenes de portada en un solo artículo si es necesario.

Cómo agregar una imagen destacada en WordPress?

El proceso de añadir una imagen destacada es el mismo que antes. Si has tenido un blog de WordPress por un tiempo, entonces ya sabes cómo se agrega una imagen destacada.

Para añadir una imagen destacada, tendrás que abrir una pantalla de edición de mensajes primero y luego navegar hasta el cuadro de meta Imagen destacada en el lado derecho de la pantalla.

Deberá hacer clic en la opción Establecer imagen destacada .

A continuación, puede cargar una nueva imagen utilizando el cargador de arrastrar y soltar o seleccionando una imagen de su biblioteca multimedia existente.

Después de eso, puede agregar título y texto alternativo para la imagen destacada y, a continuación, haga clic en la opción Seleccionar .

Usted ha agregado con éxito una imagen destacada a su artículo.

Si desea instrucciones más detalladas, puede leer nuestra guía para principiantes para añadir imágenes destacadas en WordPress.

Una vez que hayas añadido tu imagen destacada, puedes previsualizar tu mensaje y ver cómo se ve.

Si está utilizando el nuevo tema predeterminado Veinte diecinueve u otros temas modernos, es posible que también vea una sobreimpresión de color en sus imágenes destacadas.

Puedes quitarlo o cambiar el color yendo al personalizador de WordPress.

Simplemente haga clic en el botón Apariencia " Personalizar en su menú de WordPress.

Una vez en el panel Personalizar , debe hacer clic en la opción Colores a la izquierda.

En esta pestaña, verá la opción de color primario de su tema y la opción de activar o desactivar el filtro de imagen.

Puede cambiar el color primario del tema seleccionando la opción Personalizado y eligiendo un color.

Si desea desactivar el filtro de color en sus imágenes destacadas, entonces puede simplemente quitar la marca en la opción "Aplicar un filtro a las imágenes destacadas utilizando el color primario".

Tenga en cuenta que las imágenes destacadas son administradas por temas de WordPress, por lo que es posible que no encuentre esta opción en su tema si no admite filtros de imágenes.

Conclusión - Imagen de portada vs. Imagen destacada en WordPress

Ahora que sabe cómo añadir una imagen de portada y una imagen destacada, echemos un vistazo a algunas de las mejores prácticas.

Las imágenes destacadas han sido utilizadas popularmente por los blogs de WordPress, revistas en línea, noticias y sitios web de entretenimiento como miniaturas o imágenes de artículos principales.

Las imágenes bien diseñadas ayudan a atraer a más usuarios para que abran un artículo. Son ideales para hacer que su sitio web luzca atractivo y visualmente interactivo.

Las imágenes de la portada son en realidad partes de su artículo. Un usuario ve tu imagen de portada después de abrir tu artículo para leerlo. Así, hacen que sus artículos sean más atractivos y divertidos de leer.

El mejor uso de las imágenes de portada es añadir una transición hermosa entre las secciones dentro de un artículo largo.

Las imágenes de portada son únicas de las imágenes de publicación normal porque tienen la opción de ancho completo y usted tiene la capacidad de añadir texto sobre ellas.

Al añadir correctamente las imágenes de portada, puedes mejorar la participación de los usuarios en tus mensajes.

Esperamos que este artículo le haya ayudado a entender la diferencia entre una imagen de portada y una imagen destacada en el nuevo editor de bloques de WordPress. También puede leer nuestro artículo sobre cómo actualizar sus antiguas entradas de WordPress con el editor de bloques de Gutenberg.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.