La diferencia entre imágenes cubiertas y imágenes presentadas en WordPress

Cuando WordPress 5.0 presentó al editor Gutenberg, también trajo algunas características nuevas para WordPress. Varias de estas características se ven en forma de bloques. Uno de estos bloques se llama Cover, que coloca una imagen cubierta con varias características personalizables en el contenido de la publicación o página. Por supuesto, WordPress todavía incluye la opción de especificar una imagen presentada para páginas y publicaciones. Esto plantea más preguntas. ¿Se presentan las mismas imágenes e imágenes cubiertas? Si no, ¿qué son y cómo usarlo? ¿Cual es la diferencia? En este artículo, discutiremos la imagen cubierta con la imagen presentada en WordPress y responderemos cada una de estas preguntas.
Imágenes cubiertas

Una 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 llamaron imágenes de encabezado. Representan el contenido. Es lo primero que ve el lector al visualizar el contenido. Ayuda a establecer el estado de ánimo o describir el artículo visual, para que el lector tenga una idea de qué esperar. También se pueden usar en toda la página o publicación para ayudar a insertar la siguiente sección. Las imágenes de portada son fáciles de agregar a su contenido de Gutenberg e incluyen algunas características de estilo que no están disponibles nativas de la imagen presentada.

Gutenberg incluye un nuevo bloque llamado Cover, que le permite crear una imagen de portada para sus publicaciones o páginas.

El bloque de portada le permite agregar una imagen con una superposición y un texto. Cargue la imagen o seleccione desde la biblioteca de medios. También puede usar un video, si lo desea, que se reproducirá detrás del texto y se superpondrá. Esto es genial para crear encabezados atractivos. Esto no se puede hacer con una imagen presentada sin usar un complemento de terceros. Después de agregar la imagen o el video, verá características para el texto, la configuración de fondo fija y la superposición. Tiene algunas configuraciones de alineación sobre la imagen.

Para agregar el título, simplemente coloque el cursor en el lugar que escriba “Escriba el título …” y comience el tipo. También tiene opciones para usar caracteres en negrita y cursiva, agregar un enlace o pasar el texto. En la configuración sobre la imagen, puede alinear el texto.

El fondo fijo agrega una función de paralaje para las imágenes. La imagen permanece en su lugar mientras se ejecuta el texto. Esta característica no está disponible para videos, pero todas las demás configuraciones lo están.

Agregue un color superpuesto seleccionando el color deseado de las opciones o seleccione el círculo multicolor para seleccionar un color personalizado.

El color personalizado incluye un selector de color con una diapositiva y muestra el valor de color en Hex o RGB.

La opacidad de fondo cambia la cantidad de opacidad de la superposición, lo que le permite elegir mostrar más de la imagen y menos color de superposición, o más de superposición y menos imagen. En este ejemplo, establecí la opacidad en 80. Puedes decir que hay una imagen allí, pero no puedes ver demasiados detalles.

En este ejemplo, establecemos la opacidad en 20. Se puede ver mucho más de la imagen, pero todavía tiene una nota de color de superposición. Esto es genial para crear encabezados de imagen o video o para crear hermosas secciones.

Los bloques de cobertura abren muchas posibilidades de diseño, lo que le brinda la oportunidad de agregar textos con texto, superposiciones y paralaje. La imagen / video, el texto, los colores y la paralaxis ayudan a establecer el estado de ánimo del artículo y atraer al público objetivo. Puede usar más bloques de cobertura en todo el contenido para ingresar nuevas secciones (que generalmente se identifican con el texto del encabezado) o simplemente para agregar una atracción visual a los enlaces o productos de enlaces. Imágenes presentadas

La imagen presentada proporciona la miniatura de la publicación. Estas miniaturas se muestran donde sea que muestren una imagen presentada, como las páginas iniciales que muestran publicaciones de blog, páginas de archivo de blog y en publicaciones individuales. La imagen presentada representa el artículo en sí. Se utilizan para estimular el interés e informar al lector sobre el tipo o propósito del artículo.
También utilizaron como una imagen predeterminada que se muestra cuando el contenido se comparte en las redes sociales, a menos que la imagen se sobrescriba manualmente usando un complemento como Yoast, como se ve en el ejemplo anterior.

La imagen presentada se agrega a la configuración de publicación o página. Haga clic en Establecer la imagen presentada y elija o cargue la imagen en la biblioteca de medios.

Temas como veinte diecinueve incluyen superposición para la imagen presentada. Puede elegir los colores en el personalizador de temas de color. El azul es el color predeterminado, pero puede usar la diapositiva para seleccionar cualquier color casi. También puede ajustar las superposiciones de superposición presentadas al usar páginas, como DIV y extra. En este ejemplo, ajusto el icono de superponer las imágenes presentadas y paso con el mouse al color de la superposición para el módulo de blog. Usando juntas las imágenes de portada y las imágenes características


Puede usar la imagen de portada y la imagen presentada juntos en la misma página o publicación. En este ejemplo, mostramos ambos en el artículo. Idealmente, no se sentarían uno al lado del otro, pero esto es solo para demostrar que pueden aparecer en la publicación. Sin embargo, hay momentos en que desea usar la imagen de portada como una imagen presentada.

Si usa la misma imagen presentada como la imagen de portada, las imágenes aparecerán dos veces en su contenido. En realidad muestra dos cosas diferentes: una imagen presentada y una imagen de portada, pero ha seleccionado la misma imagen para ambas. Afortunadamente, hay varias cosas que puede hacer para usar la misma imagen para ambos sin que la imagen aparezca dos veces. Algunos temas, como Div y muchos más, le permiten excluir la imagen presentada del contenido.

Si usa Div o extra, en el menú del tablero vaya a Div (o extra)> Opciones de tema> Apariencia y deshabilite los grandes dedos en la publicación en la publicación única. Esta opción también está disponible en la pestaña de aspecto de página única, por lo que puede personalizar la configuración de acuerdo con sus necesidades en este ejemplo, la imagen presentada es la misma que la imagen de portada. Agregué una superposición en el flotador, que demuestro pasar en la publicación correcta.

Publicar en sí solo muestra la imagen de portada. La imagen presentada no se muestra en el contenido de la publicación.

Extra incluye una opción para ocultar individualmente la imagen presentada en la publicación. Esto le brinda más control sobre cómo WordPress administra las imágenes presentadas en publicaciones y páginas. En la configuración de publicación, haga clic en Ocultar la imagen presentada en la publicación.

También puede ocultar la imagen presentada en la publicación con un complemento como ocultar la imagen recomendada, un complemento gratuito en el almacén de WordPress. Elija ocultar todas las imágenes presentadas en publicaciones o páginas u ocultarlas individualmente en páginas y publicaciones. En ese momento, probé el complemento, no era compatible con veinte diecinueve, pero funcionó excelentemente con veinte diecisiete y otros.

Agregue una opción a páginas y publicaciones para ocultar la imagen presentada. Esto es excelente si desea mostrar la imagen presentada de forma predeterminada, pero luego escúchala en las páginas o publicaciones usando una imagen de portada. Esto le brinda más control de diseño para mostrar las imágenes presentadas. Pensamientos finales Esta es nuestra apariencia en la imagen cubierta con la imagen presentada en WordPress. Al principio, parecen ser los mismos o similares, pero en la práctica, son muy diferentes. Las imágenes presentadas atraen al lector al artículo. Un artículo tendrá una sola imagen presentada en el sitio, que se mostrará en cualquier lugar de lugares para publicaciones, pero se puede reemplazar con otra imagen que se mostrará en las redes sociales utilizando complementos como Yoast. Algunos temas como veinte diecinueve y constructores, como la división, incluyen personalizaciones para imágenes presentadas. Las imágenes de portada son en realidad parte del artículo y pueden contribuir a mejorar la participación con las publicaciones. El artículo puede tener más imágenes o videos de portada en todo el contenido. Son maravillosos para proporcionar un diseño visual y separar las secciones del artículo si desea usar imágenes en lugar de solo texto. Las imágenes de portada son particularmente interesantes debido a las opciones de completo, texto, paralaje y superposición que se incorporan a WordPress. Me gusta poder mostrar videos. Hasta que Gutenberg, para tener estas funciones, se necesitaba un complemento o creador de páginas. Las imágenes e imágenes cubiertas presentadas son excelentes para agregar diseño visual a su contenido.