Cuando WordPress 5.0 introdujo el editor Gutenberg, también trajo algunas características nuevas a WordPress. Varias de estas funciones aparecen como bloques. Uno de estos bloques se llama Portada, que coloca una imagen boca abajo con algunas características personalizables en el cuerpo de la publicación o página.
Por supuesto, WordPress aún incluye la opción de especificar una imagen destacada para páginas y publicaciones. Esto plantea varias preguntas. ¿Son iguales las imágenes cubiertas y destacadas? Si no, ¿qué son y cómo se utilizan? ¿Cual es la diferencia? En este artículo, discutiremos una imagen oculta versus una imagen destacada en WordPress y responderemos cada una de estas preguntas.
Imágenes cubiertas
La imagen de portada es una foto grande que generalmente se coloca en la parte superior de una página o publicación. También se les llamó imágenes de encabezado. Representan el contenido. Esto es lo primero que ve un lector cuando ve contenido. Ayuda a establecer el estado de ánimo o describir el artículo visualmente para que el lector tenga una idea de qué esperar. También se pueden usar a lo largo de la página o en una publicación para ayudar a introducirlo a la siguiente sección.
Las imágenes de portada son fáciles de agregar a su contenido en Gutenberg e incluyen algunas funciones de estilo que no están disponibles de forma nativa para la imagen destacada.
Gutenberg incluye un nuevo bloque llamado Portada que le permite crear una imagen de portada para sus publicaciones o páginas. Puede encontrar el bloque en la pestaña Bloques comunes en la lista de bloqueo.
El bloque Portada le permite agregar una imagen con una superposición y texto. Cargue su imagen o seleccione una imagen de la biblioteca de medios. También puede usar video si lo desea, que se reproducirá detrás del texto y la superposición. Esto es genial para crear titulares llamativos. Esto es algo que no puede hacer con una imagen destacada sin usar un complemento de terceros.
Después de agregar una imagen o un video, verá funciones de texto, configuraciones de fondo fijas y una superposición. Tiene algunos ajustes de alineación sobre la imagen.
Para agregar un título, simplemente coloque el cursor donde dice «Escribir título…» y comience a escribir. También tiene opciones para poner en negrita, cursiva, agregar un enlace o tachar texto. En los ajustes encima de la imagen puedes alinear el texto.
El fondo fijo agrega la función de paralaje a las imágenes. La imagen permanece en su lugar a medida que desplaza el texto. Esta función no está disponible para películas, pero todas las demás configuraciones están disponibles.
Agregue un color de superposición seleccionando el color que desee de las opciones, o seleccione el círculo multicolor para elegir un color personalizado.
El color personalizado incluye un selector de color con un control deslizante y muestra el valor del color como hexadecimal o RGB.
La transparencia del fondo cambia la opacidad de una superposición, permitiéndole mostrar más de la imagen y menos color de superposición, o más superposición y menos imagen. En este ejemplo, configuré la opacidad en 80. Puede decir que hay una imagen allí, pero no ve muchos detalles.
En este ejemplo, configuré mi opacidad en 20. Puede ver mucho más de la imagen, pero aún ve algunos colores superpuestos en ella.
La imagen también tiene una opción de ancho completo en la configuración en la parte superior de la imagen. Excelente para crear encabezados de imagen o video o crear hermosas introducciones de sección.
Los bloques de cubierta abren muchas posibilidades de diseño, lo que le permite agregar imágenes con texto, superposiciones y paralaje. La imagen/video, el texto, los colores y el paralaje ayudan a establecer el estado de ánimo del artículo y atraen al público objetivo. Puede usar varios bloques de portada en todo su contenido para introducir nuevas secciones (que generalmente se identifican con el texto de su encabezado) o simplemente agregar un atractivo visual a su página o enlaces de productos.
Imágenes destacadas
La imagen que se muestra proporciona una miniatura de la publicación. Estas miniaturas aparecen donde sea que se vea la imagen resaltada, como en las páginas de inicio que muestran publicaciones de blog, páginas de archivo de blog y publicaciones individuales. La imagen presentada muestra el artículo en sí. Se utilizan para despertar el interés e informar al lector sobre la naturaleza o el propósito del artículo.
También se usaron como la imagen predeterminada que se muestra cuando se comparte contenido en las redes sociales, a menos que esa imagen se sobrescriba manualmente con un complemento como Yoast, como se ve en el ejemplo anterior.
La imagen destacada se agrega en la configuración de la publicación o la página. haga clic aquí Establecer imagen destacada y seleccione o suba su imagen a la biblioteca de medios.
Los temas, como Twenty Nineteen, incluyen una superposición para la imagen destacada. Los colores se pueden seleccionar en el configurador de temas en Colores. El azul es el color predeterminado, pero puede usar el control deslizante para seleccionar casi cualquier color.
También puede personalizar las superposiciones de imágenes destacadas al usar creadores de páginas como Divi y Extra. En este ejemplo, estoy ajustando el ícono de superposición de imagen destacada y el color de superposición cuando paso el mouse sobre el módulo de blog.
Use imágenes de portada e imágenes destacadas juntas
Puede usar la imagen de portada y la imagen destacada juntas en la misma página o en una publicación. En este ejemplo, he mostrado ambos en el artículo. Idealmente, no deberían sentarse uno al lado del otro de esta manera, pero eso es solo para demostrar que pueden aparecer en la publicación. Sin embargo, hay ocasiones en las que deseará utilizar la imagen de portada como imagen destacada.
Si usa la misma imagen destacada que la imagen de portada, las imágenes aparecerán dos veces en el cuerpo. De hecho, muestra dos cosas diferentes: imagen destacada e imagen de portada, pero has elegido la misma imagen para ambas.
Afortunadamente, hay algunas cosas que puede hacer para usar la misma imagen para ambos sin mostrar la imagen doble. Algunos temas como Divi y muchos otros te permiten excluir una imagen destacada de tu contenido.
Si está utilizando Divi o Extra, desde el menú del escritorio, vaya a divide (o Adicional)> Opciones de tema > Sistema y apágalo Pon tu pulgar arriba en la publicación en Diseño de publicación única Correa. Esta opción también está disponible en Diseño de una página pestaña, para que pueda ajustar la configuración a sus necesidades.
En este ejemplo, la imagen destacada es la misma que la imagen de portada. Agregué una superposición flotante que demuestro al pasar el mouse sobre la publicación a la derecha.
La publicación en sí solo muestra la foto de portada. La imagen destacada no se muestra en el contenido de la publicación.
El complemento incluye la opción de ocultar individualmente la imagen destacada en la publicación. Esto le da más control sobre cómo WordPress maneja las imágenes destacadas en publicaciones y páginas. En la configuración de la publicación, haz clic en Ocultar la imagen destacada en la publicación..
También puede ocultar la imagen destacada en la publicación con un complemento como Ocultar imagen destacada, un complemento gratuito en el repositorio de WordPress. Elija ocultar todas las imágenes destacadas en publicaciones o páginas, u ocultarlas individualmente en las páginas y en las propias publicaciones. En el momento de la prueba, el complemento no era compatible con Twenty Nineteen, pero funcionó muy bien con Twenty Seventeen y otros.
Agrega una opción a las páginas y publicaciones para ocultar la imagen destacada. Esto es excelente si desea mostrar una imagen destacada de forma predeterminada, pero luego ocultarla en páginas o publicaciones que usan una imagen de portada. Esto le da más control sobre el diseño de visualización de sus imágenes destacadas.
Pensamientos finales
Aquí está nuestra opinión sobre una imagen oculta versus una imagen destacada en WordPress. A simple vista parecen iguales o similares, pero en la práctica son muy diferentes.
Imágenes destacadas atraer al lector a su artículo. El artículo solo tendrá una imagen destacada en el sitio que se mostrará en cualquier lugar donde se muestren las miniaturas de su publicación, pero puede reemplazarla con otra imagen para mostrar en las redes sociales usando complementos como Yoast. Algunos temas como Twenty Nineteen y magos como Divi vienen con personalizaciones de imágenes destacadas.
Imágenes de portada en realidad son parte del artículo y pueden ayudar a aumentar el compromiso con sus publicaciones. Un artículo puede contener múltiples imágenes de portada o videos a lo largo de su contenido. Son excelentes para crear diseños visuales y separar secciones de artículos si desea usar imágenes en lugar de solo el texto del título. Las imágenes de portada son especialmente interesantes debido a las opciones de ancho completo, texto, paralaje y superposición que están integradas en WordPress. Me encanta que pueda mostrar videos. Antes de Gutenberg, tener estas funciones requería un complemento o un creador de páginas.
Las imágenes cubiertas y destacadas son excelentes para agregar diseño visual a su contenido. Tienen diferentes opciones y propósitos y puedes usarlos individualmente o juntos.
Queremos escuchar de ti. ¿Cómo se usan las imágenes ocultas y las imágenes destacadas en WordPress? Háganos saber en los comentarios.
Imagen destacada vía karnoff / shutterstock.com
