Imagen de portada e imagen destacada

WordPress 5.0 se lanzó con el nuevo editor de bloques de Gutenberg y una gran cantidad de funciones excelentes. Uno de ellos es el bloque Portada, que le permite agregar imágenes de portada a sus publicaciones y páginas.

Esta función ha confundido a algunos usuarios porque puede parecer similar a la opción Imagen destacada que se encuentra 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 un blog. Es parte del artículo general. Puede usar una imagen de portada al comenzar una nueva sección o historia dentro de su publicación.

Con el bloque Portada en WordPress, puede agregar texto y superposición de color en su imagen de portada.

[enlazatom_show_links]

Al agregar una superposición de color adecuada que coincida con el color del tema o el estado de ánimo del contenido, puede hacer que su artículo sea más atractivo.

Asimismo, agregar texto superpuesto ayuda a sus usuarios a identificar fácilmente dónde comienza una nueva sección en su artículo y de qué trata.

Tradicionalmente, los blogueros utilizan el texto del encabezado para separar secciones en una publicación de blog. Con las imágenes de portada, ahora tiene la opción de separar secciones de una manera visualmente más atractiva.

¿Qué es una imagen destacada?

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

Aparte de eso, las imágenes destacadas también aparecen en las redes sociales cuando se comparte un artículo.

Las imágenes destacadas están cuidadosamente diseñadas para hacerlas atractivas. Estas imágenes brindan a los usuarios un vistazo rápido a su contenido y los invitan a ver el artículo completo.

Encontrará un cuadro de meta en la pantalla de edición de publicaciones para agregar una imagen destacada porque 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 plugins 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 que le permite agregar una imagen de portada en WordPress.

Primero, necesitas crear una nueva publicación o editar una existente. En la pantalla de edición de publicaciones, haga clic en el botón Agregar nuevo bloque y luego elija Bloque de portada.

Puede encontrar el bloque Cobertura dentro de 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 una imagen o video en el área del bloque para cargar una nueva imagen de portada. Alternativamente, puede hacer clic en el botón Cargar, elegir una imagen en su computadora y abrirla para cargarla.

Si desea agregar una imagen ya cargada a su biblioteca de medios, puede hacer clic en Biblioteca multimedia y seleccione una imagen de su galería de medios.

Una vez que haya agregado su 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 sobre 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 del lado derecho.

Además de la opción de alineación, el bloque de imagen de portada ofrece dos opciones de ancho: Ancho ancho y Ancho completo.

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

A continuación, puede agregar un título para 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 esa área para agregar texto. Puede escribir el título de la imagen de portada y formatearlo usando las opciones de formato que aparecen encima del texto o encima de la imagen de portada.

Finalmente, está la configuración del bloque de la cubierta en el panel lateral derecho. Puedes habilitar Fondo fijo para crear un efecto de paralaje para cuando los usuarios se desplazan hacia abajo en la página.

A continuación se muestran las opciones de superposición de colores. De forma predeterminada, agrega el color del 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 Avanzado opción.

¡Eso es todo!

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

¿Cómo agregar una imagen destacada en WordPress?

El proceso de agregar una imagen de primer plano 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 acceder al cuadro de meta de Imagen destacada en el lado derecho de la pantalla.

Necesitarás hacer clic Establecer la imagen de primer plano opción.

Más tarde, puede cargar una nueva imagen usando el cargador 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 a la imagen destacada, luego hacer clic en Para seleccionar opción.

Ha agregado con éxito una imagen destacada a su publicación.

Si desea instrucciones más detalladas, puede leer nuestra guía para principiantes sobre cómo 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 predeterminado Twenty Nineteen u otros temas modernos, también puede ver una superposición de color en las imágenes destacadas.

Puede eliminarlo o cambiar el color yendo al personalizador de WordPress.

Simplemente haga clic en el archivo Apariencia »Personalizar en el menú de WordPress.

Una vez en el personalizar panel, debe hacer clic Colores opción izquierda.

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

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

Si desea deshabilitar el filtrado de color en las imágenes de primer plano, simplemente puede quitar la marca de verificación en la opción «Aplicar filtro a las imágenes de primer plano usando el color principal».

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 imagen.

Conclusión: imagen de portada e 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 se han utilizado comúnmente en blogs de WordPress, revistas en línea, sitios de noticias y entretenimiento como miniaturas de publicaciones o imágenes de artículos principales.

Las imágenes destacadas 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 no leído. 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 secciones dentro de un artículo largo.

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 agregar una superposición de texto en ellas.

Al agregar correctamente las imágenes de portada, puede mejorar la participación de los usuarios en 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.

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicado. Required fields are marked *