homefinance blog
WordPress 5.0 se lanzó con el nuevo editor de bloques de Gutenberg y una serie de funciones interesantes. Uno de ellos es el bloque de portada, que le permite agregar imágenes de portada a sus publicaciones y páginas. Esta característica ha confundido a algunos usuarios, ya que puede parecer similar a la opción de imagen recomendada, que está en WordPress de WordPress 2.9. En este artículo, explicaremos las diferencias entre la imagen de portada y la imagen presentada en el editor de bloques de WordPress.
¿Qué es una foto de portada? Una imagen de portada suele ser una imagen amplia utilizada como foto de portada para una nueva sección de una publicación o página de blog. Es parte del artículo general. Puede usar una imagen de portada cuando comience una nueva sección o una nueva historia en su artículo.
Con el bloque de portada de WordPress, puede agregar texto y color superpuesto en su imagen de portada.
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. Del mismo modo, agregar superposición de texto ayuda a los usuarios a identificar fácilmente dónde comienza una nueva sección en su artículo y qué es. Tradicionalmente, los bloggers usan el jefe del encabezado para separar las secciones de una publicación de blog. Con las imágenes de portada, ahora tiene opciones para separar las secciones de una manera más atractiva visualmente.
¿Qué es una imagen recomendada? Una imagen presentada (también conocida como publicación en miniatura) es la imagen principal del artículo que representa el contenido. Se muestran visiblemente en su sitio web en publicaciones únicas, páginas de archivo de blogs, así como en la página principal de sitios de noticias, revistas y blogs. Además, las imágenes presentadas también se muestran en los flujos sociales cuando se comparte un artículo. Las imágenes presentadas están cuidadosamente diseñadas para que se vean atractivas. Dichas imágenes proporcionan a los usuarios una breve mirada a su contenido y recurren a todo el artículo. Consulte un metaets en la pantalla de publicación para agregar una imagen presentada, porque casi todas las imágenes de WordPress aceptan de forma predeterminada.
Dónde y cómo se muestran las imágenes presentadas está completamente controlado por su tema de WordPress. Para las opciones de imagen avanzadas presentadas, puede verificar estas mejores imágenes 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 para permitirle agregar una imagen de cobertura en WordPress. Primero, debe crear una nueva publicación o editar una existente. En la pantalla de edición posterior, haga clic en el botón Agregar un nuevo bloque y luego elija el bloque de portada.
Puede encontrar el bloque de cubierta en la pestaña Bloque Común. Después de hacer clic en el bloque, verá el bloque de portada agregado al editor de contenido con opciones para agregar la nueva imagen de portada.
Simplemente puede deslizar y arreglar una imagen o video en el área de bloque para cargar una nueva imagen de portada. Alternativamente, puede hacer clic en el botón de carga, elegir una imagen en su computadora y abrir para cargar. Si desea agregar una imagen ya cargada a su biblioteca de medios, puede hacer clic en el botón de la biblioteca de medios y seleccionar una imagen de sus medios. Esto le mostrará una barra de herramientas con opciones de personalización sobre la imagen, el campo escribe el título … desde el centro de la imagen y bloquea la configuración, incluida la superposición de los colores en el lado derecho.
Además de la opción de alineación, la imagen de cobertura le bloquea las dos opciones de ancho: ancho ancho y ancho completo. La opción de ancho ancho hace que la imagen se vea tan ancha como su contenido. La opción de ancho completo hace que su imagen cubra la pantalla completa de la ventana.
Luego puede agregar un título para la imagen de portada. Al hacer clic en la imagen de la portada, verá el campo “Escriba el título …” en el centro de la imagen de la portada. Simplemente haga clic en esa área para agregar texto. Puede escribir el título de la imagen de portada y puede formarla utilizando las opciones de formato que aparecen sobre el texto o sobre la imagen de portada.
Finalmente, hay configuraciones del bloque de cobertura en el panel lateral derecho. Puede activar antecedentes fijos para crear un efecto de paralaje cuando los usuarios ejecutan la página hacia abajo.
Bajo esto, hay opciones para superponer el color. Por defecto, agregue el color de su tema como una superposición de color con una transparencia del 50%, pero puede cambiar el color de superposición y también puede cambiar la opacidad moviendo el punto. Finalmente, puede agregar código CSS y puede agregar más estilos a la imagen de portada haciendo clic en la opción avanzada. ¡Eso es todo! Puede repetir este paso para agregar más imágenes de portada a un solo elemento si es necesario. ¿Cómo agregar una imagen recomendada en WordPress? El proceso de agregar una imagen presentada es el mismo que antes. Si ha tenido un blog de WordPress por algún tiempo, ya sabe cómo agregar una imagen presentada. Para agregar una imagen presentada, primero tendrá que abrir una pantalla de edición de publicación y luego explorar el cuadro de meta imagen recomendado en el lado derecho de la pantalla.
Deberá hacer clic en la opción Establecer configuración de imagen.
Luego puede cargar una nueva imagen utilizando la herramienta de carga de arrastre y caída, o seleccionando una imagen desde su biblioteca de medios existente. Después de eso, puede agregar título y texto alternativos a su imagen presentada, luego haga clic en la opción Seleccionar.
Ha agregado con éxito una imagen presentada a su artículo si desea instrucciones más detalladas, puede leer nuestra guía para principiantes para agregar imágenes recomendadas en WordPress. Una vez que haya agregado la imagen presentada, puede obtener una vista previa de la publicación y ver cómo se ve.
Si usa los nuevos veinte diecinueve u otros temas modernos, también puede ver una superposición de color en las imágenes presentadas.Puede eliminarlo o cambiar el color accediendo al personalizador de WordPress.Simplemente haga clic en el botón de personalización de WordPress.
En esta pestaña, verá la opción de color principal de su tema y la opción de activar o desactivar el filtro de imagen.
Puede cambiar el color principal de su tema seleccionando la opción personalizada y eligiendo un color.
Si desea apagar el filtro de color para las imágenes presentadas, simplemente puede eliminar la opción “Aplicar un filtro a las imágenes presentadas con el color primario”.
Tenga en cuenta que las imágenes presentadas son administradas por temas de WordPress, por lo que es posible que no encuentre esta opción en su tema si no aceptan filtros de imágenes. Conclusión – Imagen de portada vs. Imagen presentada en WordPress Now, que sabe cómo agregar una imagen de portada y una imagen presentada, para echar un vistazo a las mejores prácticas. Las imágenes presentadas han sido utilizadas popularmente por blogs de WordPress, revistas en línea, noticias y sitios de entretenimiento como miniaturas o imágenes post publicadas de los artículos principales. Las imágenes presentadas bien diseñadas ayudan a atraer a más usuarios para abrir un artículo. Son geniales para que su sitio se vea atractivo e interactivo visualmente. Las imágenes de portada son en realidad partes de su artículo. Un usuario ve su imagen de portada después de abrir su elemento para leer. Por lo tanto, te hago artículos más atractivos y divertidos para leer. El mejor uso de las imágenes de portada es agregar una hermosa transición entre las secciones en un elemento largo. Las imágenes de portada son únicas de las imágenes de publicación habituales, porque tienen la opción de ancho completo y puede agregar texto superpuesto. Al agregar adecuadamente 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 presentada en el nuevo editor de bloques de WordPress. También es posible que desee leer nuestro artículo sobre cómo actualizar sus viejas publicaciones de WordPress con Gutenberg Block Editor.
