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

WordPress 5.0 ha sido lanzado con el nuevo editor de bloques Gutenberg y una serie de características interesantes. Una de ellas es el bloque Portada, que te permite añadir imágenes de portada a tus entradas y páginas.

Esta función ha confundido a algunos usuarios porque puede parecer similar a la opción de 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 suele ser una imagen amplia que se utiliza como foto de portada para una nueva sección en una entrada o página de un blog. Forma parte del conjunto del artículo. Puedes utilizar una imagen de portada cuando inicies una nueva sección o una nueva historia dentro de tu artículo.

Con el bloque de portada en WordPress, puedes añadir texto y color superpuesto a tu imagen de portada.

Bloque de portada en el editor de bloques de WordPress

Si añades una superposición de color adecuada que coincida con el color de tu tema o el estado de ánimo del contenido, puedes hacer que tu artículo sea más atractivo.

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

Tradicionalmente, los blogueros utilizan un texto de encabezamiento para separar las secciones de una entrada de blog. Con las imágenes de portada, ahora tienes opciones para separar las secciones de una forma más atractiva visualmente.

¿Qué es una imagen destacada?

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

Además, las imágenes destacadas también se muestran en las redes sociales cuando se comparte un artículo.

Las imágenes destacadas se diseñan cuidadosamente para que resulten atractivas. Dichas imágenes ofrecen a los usuarios una visión rápida de tu contenido y les llevan al artículo completo.

En la pantalla de edición de tu entrada encontrarás un cuadro meta para añadir una imagen destacada, ya que casi todos los temas de WordPress admiten imágenes destacadas por defecto.

Imagen destacada en WordPress

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

Para opciones avanzadas de imágenes destacadas, puedes consultar estos mejores plugins de imágenes destacadas para WordPress.

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

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

En primer lugar, tienes que crear una nueva entrada o editar una existente. En la pantalla de edición de la entrada, haz clic en el botón de añadir nuevo bloque y luego elige el bloque de portada.

Añadir un bloque de portada en el editor de bloques de WordPress

Puedes encontrar el bloque Portada dentro de la pestaña Bloques comunes.

Al hacer clic en el bloque, verás el bloque Portada añadido a tu editor de contenidos con opciones para añadir tu nueva imagen de portada.

Bloque de portada con opciones para subir la imagen

Puedes simplemente arrastrar y soltar una imagen o vídeo en el área del bloque para subir una nueva imagen de portada. También puedes hacer clic en el botón Subir, elegir una imagen en tu ordenador y abrirla para subirla.

Si quieres añadir una imagen ya subida a tu biblioteca multimedia, puedes hacer clic en el botón Biblioteca de medios y selecciona una imagen de tu galería multimedia.

Subir la imagen de portada en el editor de bloques de WordPress

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

Esto te 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 los ajustes del bloque, incluyendo la superposición de colores en el panel de la derecha.

Opciones del bloque de cubierta

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

La opción de anchura amplia hace que la imagen se vea tan ancha como tu contenido. La opción de ancho completo hace que tu imagen cubra toda la pantalla de la ventana.

 Imagen de portada de ancho completo en el editor de bloques de WordPress

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

Simplemente haz clic en esa zona para añadir texto. Puedes escribir el título de tu imagen de portada y darle formato utilizando las opciones de formato que aparecen encima del texto o encima de la imagen de portada.

Añade texto a tu imagen de portada en el editor de bloques de WordPress

Por último, hay ajustes del bloque de portada en el panel lateral derecho. Puedes activar Fondo fijo para crear un efecto de paralaje cuando los usuarios se desplacen por la página.

Corregida la opción de fondo en el bloque de portada en Gutenberg

Debajo de eso, hay opciones de superposición de color. Por defecto, añade el color de tu tema como color de superposición con un 50% de transparencia, pero puedes cambiar el color de superposición y también cambiar la opacidad moviendo el punto.

Opciones de superposición del color del bloque de la cubierta

Por último, puedes añadir código CSS y añadir más estilos a tu imagen de portada haciendo clic en el botón Avanzado opción.

¡Eso es todo!

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

¿Cómo añadir 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 durante un tiempo, entonces ya sabes cómo se añade una imagen destacada.

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

Tendrás que hacer clic en el botón Establecer imagen destacada opción.

Caja meta de imagen destacada en WordPress

A continuación, puedes subir una nueva imagen utilizando el cargador de arrastrar y soltar o seleccionando una imagen de tu biblioteca multimedia existente.

Después puedes añadir un título y un texto alternativo para tu imagen destacada, y luego hacer clic en el botón Selecciona opción.

Subir imagen destacada en WordPress

Has añadido correctamente una imagen destacada a tu artículo.

Si quieres instrucciones más detalladas, puedes leer nuestra guía para principiantes sobre cómo añadir imágenes destacadas en WordPress.

Una vez que hayas añadido tu imagen destacada, puedes previsualizar tu entrada y ver cómo queda.

Si utilizas el nuevo tema por defecto Twenty Nineteen u otros temas modernos, es posible que también veas una superposición de colores en tus imágenes destacadas.

Puedes eliminarlo o cambiar el color accediendo al personalizador de WordPress.

Simplemente haz clic en el botón Apariencia " Personalizar en tu menú de WordPress.

Opción de personalización de WordPress

Una vez en el Personaliza tienes que hacer clic en el botón Colores opción a la izquierda.

Personalizar los colores del tema de WordPress veinte diecinueve

En esta pestaña, verás la opción del color principal de tu tema y la opción de activar o desactivar el filtro de imágenes.

Opciones de color en el tema twenty nineteen

Puedes cambiar el color principal de tu tema seleccionando el Personalizado y elegir un color.

Cambiar el color primario en el tema Twenty Nineteen

Si quieres desactivar el filtro de color en tus imágenes destacadas, sólo tienes que quitar la marca de la opción "Aplicar un filtro a las imágenes destacadas utilizando el color primario".

Desactivar el filtro de color en las imágenes destacadas en el tema Twenty Nineteen

Ten en cuenta que las imágenes destacadas son gestionadas por los temas de WordPress, por lo que es posible que no encuentres esta opción en tu tema si no admite filtros de imagen.

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

Ahora que ya sabes cómo añadir una imagen de portada y una imagen destacada, vamos a ver algunas de las mejores prácticas.

Las imágenes destacadas han sido utilizadas popularmente por los blogs de WordPress, las revistas online, las noticias y los sitios web de entretenimiento como miniaturas de las entradas o imágenes del artículo principal.

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

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

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

Las imágenes de portada son únicas respecto a las imágenes normales de los artículos porque tienen la opción de ancho completo y tienes la posibilidad de añadir texto superpuesto sobre ellas.

Si añades correctamente las imágenes de portada, puedes mejorar la participación de los usuarios en tus publicaciones.

Esperamos que este artículo te haya ayudado a entender la diferencia entre una imagen de portada y una imagen destacada en el nuevo editor de bloques de WordPress. Quizás también te guste leer nuestro artículo sobre cómo actualizar tus antiguas entradas de WordPress con el editor de bloques Gutenberg.

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Si quieres conocer otros artículos parecidos a Imagen de portada vs. Imagen destacada en el editor de bloques de WordPress (Guía para principiantes) puedes visitar la categoría Guías para principiantes.

¡Más Contenido!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Go up