Este texto fue traducido usando IA. Si deseas ver el texto original en inglés, haz clic aquí.
El bloque Portada incluye opciones para dar estilo a tu banner. En esta guía, aprenderás cómo añadir una superposición, ajustar la relación de aspecto, aplicar un borde y sombra, y afinar el punto focal de imágenes y vídeos con estilo de banner.
Una superposición añade una capa de color semitransparente sobre la imagen o el vídeo del banner, mejorando la legibilidad del texto y otros contenidos. Para añadir o ajustar la configuración de la superposición, sigue estos pasos:
- Haz clic en el bloque Portada para seleccionarlo.
- En la barra lateral de ajustes del bloque, haz clic en el icono de Estilos. Tiene el aspecto de un círculo blanco y negro.
- En la sección «Color», haz clic en el color de Superposición para cambiar el color de la superposición.
- Ajusta el control deslizante de Opacidad de la superposición para controlar la transparencia del color de la superposición. Una opacidad de 0 significa que la imagen es completamente visible. Una opacidad de 100 significa que la superposición oculta la imagen por completo. Dependiendo de tu diseño, una opacidad de superposición entre 25 y 75 funciona bien.
Puedes controlar la forma de tu banner ajustando su relación de aspecto. Para ajustar la relación de aspecto del bloque Portada, sigue estos pasos:
- Haz clic en el bloque Portada para seleccionarlo.
- En la barra lateral de ajustes del bloque, haz clic en el icono de Estilos. Tiene el aspecto de un círculo blanco y negro.
- Localiza el ajuste de Relación de aspecto.
- Selecciona una relación de aspecto predefinida en el menú desplegable.
Para añadir un borde o una sombra a tu bloque Portada, sigue estos pasos:
- Haz clic en el bloque Portada para seleccionarlo.
- En la barra lateral de ajustes del bloque, haz clic en el icono de Estilos. Tiene el aspecto de un círculo blanco y negro.
- Localiza la sección Borde y sombra.
- Ajusta el ancho, el color y el radio del borde usando los controles disponibles.
- También puedes habilitar una sombra paralela haciendo clic en el icono ⋮ y activando los ajustes de Sombra.
Obtén más información sobre los ajustes de Borde y sombra.
Un fondo fijo (efecto parallax) mantiene la imagen del banner en su lugar mientras los visitantes se desplazan. Aquí tienes un ejemplo:
Sigue estos pasos para crear una imagen de fondo fija:
- Añade un bloque Portada.
- En la barra lateral de ajustes del bloque, haz clic en el icono de Estilos. Tiene el aspecto de un círculo blanco y negro.
- Activa «Fondo fijo».
Si has subido un vídeo a tu bloque Portada, esta opción no estará disponible.
La opción Fondo repetido repite la misma imagen para formar un patrón en el bloque Portada. Para repetir un fondo en el bloque Portada, sigue estos pasos:
- Haz clic en el bloque Portada para seleccionarlo.
- En la barra lateral de ajustes del bloque, haz clic en el icono de Estilos. El icono de Estilos tiene el aspecto de un círculo blanco y negro.
- Activa «Repetir fondo».
Si has subido un vídeo a tu bloque Portada, esta opción no estará disponible.
El punto focal determina qué parte de la imagen o el vídeo permanece visible cuando el banner cambia de tamaño. Esto es útil cuando tu imagen de portada se visualiza en una pantalla pequeña, como la de un teléfono móvil, donde la imagen no puede mostrarse completa. En pantallas más pequeñas, la imagen se centrará alrededor del punto focal elegido para garantizar que la parte más importante de la imagen sea visible.
Para ajustar el punto focal, sigue estos pasos:
- Haz clic en el bloque Portada para seleccionarlo.
- En la barra lateral de ajustes del bloque, haz clic en el icono de Estilos. El icono de Estilos tiene el aspecto de un círculo blanco y negro.
- Localiza el Selector de punto focal.
- Arrastra el marcador para ajustar el área de enfoque.
Si has subido un vídeo como contenido multimedia de portada, también puedes establecer una imagen de póster para usarla como miniatura del vídeo.
Para aplicar un estilo de onda en la parte superior o inferior de tu bloque de Portada, sigue estos pasos:
- Haz clic en el bloque de Portada para seleccionarlo.
- En la barra lateral de ajustes del bloque, haz clic en el icono de Estilos. El icono de Estilos tiene el aspecto de un círculo blanco y negro.
- Haz clic en la opción «Onda inferior» u «Onda superior» para aplicar un estilo de onda.
- Haz clic en Por defecto para eliminar el estilo de onda.
