Imagen de portada e imagen destacada

WordPress 5.0 salió con el nuevo editor de bloques de Gutenberg y una serie de características interesantes. Uno de ellos es el Bloque de portada, que le permite agregar imágenes de portada a sus publicaciones y páginas. Esta función confundió a algunos usuarios, ya que puede parecer similar a la opción Imagen destacada que existe 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 suele ser una imagen grande que se utiliza como foto de portada de una nueva sección en una publicación o página de blog. Esto es parte del artículo general. Puede usar una imagen de portada cuando comience una nueva sección o historia en su artículo. Con el bloque de portada en WordPress, puede agregar texto y superposición de color en su imagen de portada.

Al agregar una superposición de color adecuada que coincida con el color de su tema o el estado de ánimo del contenido, puede hacer que su publicación sea más atractiva. Del mismo modo, agregar una superposición de texto ayuda a sus usuarios a identificar fácilmente dónde comienza una nueva sección en su publicación y de qué se trata. Tradicionalmente, los bloggers han utilizado el texto del encabezado para separar secciones de una publicación de blog. Con las imágenes de portada, ahora tienes la opción de separar las secciones de una forma más atractiva.

¿Qué es una imagen destacada?

Una imagen destacada (también conocida como miniatura de la publicación) es la imagen principal de la publicación que representa el contenido. Se muestran de forma destacada en su sitio web en artículos únicos, páginas de archivo de blogs, así como en la página de inicio de sitios web de noticias, revistas y blogs. Aparte de eso, las imágenes destacadas también se muestran en las redes sociales cuando se comparte una publicación. Las imágenes mostradas están cuidadosamente diseñadas para hacerlas atractivas. Estas imágenes brindan a los usuarios una visión rápida de su contenido y los invitan a leer el artículo completo. Encontrará un cuadro de meta en la pantalla de edición de su publicación para agregar una imagen destacada, ya que casi todos los temas de WordPress admiten imágenes destacadas de forma predeterminada.

Dónde y cómo se muestran las imágenes destacadas está completamente controlado por su tema de WordPress. Para obtener opciones avanzadas de imágenes destacadas, puede consultar estos mejores complementos de imágenes destacadas de WordPress.

¿Cómo agregar una imagen de portada en WordPress?

El nuevo editor de bloques de WordPress (Gutenberg) viene con un bloque de portada para que agregue una imagen de portada en WordPress. Primero, necesitas crear una nueva publicación o editar una existente. En la pantalla de edición de publicación, haga clic en el botón Agregar nuevo bloque y luego elija Bloque de portada.

Puede encontrar el bloque Cobertura en la pestaña Bloques comunes. Al hacer clic en el bloque, verá el bloque de portada agregado a su editor de contenido con opciones para agregar su nueva imagen de portada.

Simplemente puede arrastrar y soltar cualquier imagen o video en el área de bloqueo para cargar una nueva imagen de portada. También puede hacer clic en el botón Descargar, elegir una imagen de su computadora y abrirla para descargarla. Si desea agregar una imagen ya cargada a su biblioteca de medios, puede hacer clic en el botón Mediateca y seleccione una imagen de su galería multimedia.

Una vez agregada la imagen de portada, puede personalizarla fácilmente haciendo clic en la imagen de 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, incluida la superposición de colores en el panel en el lado derecho.

Además de la opción de alineación, el cuadro de imagen de portada le ofrece dos opciones de ancho: ancho completo y ancho completo. La opción de ancho amplio hace que la imagen parezca tan amplia como su contenido. La opción de ancho completo permite que su imagen cubra toda la pantalla de la ventana.

Luego, puede agregar un título a su imagen de portada. Al hacer clic en la imagen de portada, verá el campo "Escribir título ..." en el centro de la imagen de portada. Simplemente haga clic en esta área para agregar texto. Puede escribir el título de su imagen de portada y formatearlo usando las opciones de formato que aparecen en la parte superior del texto o en la parte superior de la imagen de portada.

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

Debajo hay opciones de superposición de colores. De forma predeterminada, agrega el color de su tema como un 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.

Finalmente, puede agregar código CSS y agregar más estilos a su imagen de portada haciendo clic en el botón Avanzado opción. ¡Es todo! Puede repetir este paso para agregar varias imágenes de portada en una sola publicación si es necesario.

¿Cómo agregar una imagen destacada en WordPress?

El proceso de agregar una imagen seleccionada es el mismo que antes. Si ha tenido un blog de WordPress por un tiempo, ya sabe cómo se agrega una imagen destacada. Para agregar una imagen destacada, primero debe abrir una pantalla de edición de publicaciones y luego ir al cuadro meta de Imagen destacada en el lado derecho de la pantalla. Deberá hacer clic en el Definir la imagen seleccionada opción.

Luego, puede cargar una nueva imagen usando la herramienta de carga de arrastrar y soltar o seleccionando una imagen de su biblioteca de medios existente. Después de eso, puede agregar el título y el texto alternativo para la imagen seleccionada y luego hacer clic en el botón Para seleccionar opción.

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 agregar imágenes destacadas en WordPress. Una vez que haya agregado su imagen destacada, puede obtener una vista previa de su publicación y ver cómo se ve. Si está utilizando el nuevo tema Twenty Nineteen predeterminado u otros temas modernos, también puede ver una superposición de colores en sus imágenes destacadas. Puede eliminarlo o cambiar el color yendo al personalizador de WordPress. Simplemente haga clic en el Apariencia »Personalizar en su menú de WordPress.

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

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

Puede cambiar el color principal de su tema seleccionando el Personalizado opción y elegir un color.

Si desea deshabilitar el filtro de color en sus imágenes destacadas, simplemente puede desmarcar la opción "Aplicar filtro a las imágenes destacadas usando el color principal".

Tenga en cuenta que las imágenes que se muestran son manejadas por temas de WordPress, por lo que no encontrará esta opción en su tema si no admite filtros de imagen.

Conclusión: imagen de portada frente a imagen destacada en WordPress

Ahora que sabe cómo agregar 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 comúnmente por blogs de WordPress, revistas electrónicas, sitios web de noticias y entretenimiento como miniaturas de publicaciones o imágenes de artículos principales. Las imágenes bien diseñadas ayudan a atraer a más usuarios a abrir un artículo. Son excelentes para hacer que su sitio web sea atractivo y visualmente interactivo. Las imágenes de portada son en realidad parte de su artículo. Un usuario ve su imagen de portada después de abrir su artículo para leerlo. Por lo tanto, hacen que sus artículos sean más atractivos y divertidos de leer. El mejor uso de las imágenes de portada es agregar una transición agradable entre las secciones de un artículo extenso. Las imágenes de portada son únicas en comparación con las imágenes de publicaciones normales porque tienen la opción de ancho completo y tienes la opción de agregarles una superposición de texto. Al agregar correctamente las imágenes de portada, puede mejorar la participación del usuario con sus publicaciones. Esperamos que este artículo le haya ayudado a comprender 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 publicaciones de WordPress con el editor de bloques de Gutenberg. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.