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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Una vez en el Personaliza tienes que hacer clic en el botón Colores opción a la izquierda.
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.
Puedes cambiar el color principal de tu tema seleccionando el Personalizado y elegir un color.
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".
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.
Deja un comentario
¡Más Contenido!