El bloque Fondo es un bloque contenedor que aloja el contenido de tu banner. Puedes ajustar el diseño cambiando la alineación, la posición del contenido y otros ajustes. En esta guía, te mostraremos cómo personalizar el diseño de tu banner.
En este vídeo, aprenderás a crear una sección tipo banner con el bloque Fondo. Se explica cómo añadir texto u otros bloques sobre una imagen o un fondo de vídeo, ajustar el diseño y el punto focal, personalizar la superposición y previsualizar el diseño en dispositivos móviles.
Puedes alinear el banner dentro de tu página, entrada o plantilla. Para alinear tu banner, sigue estos pasos:
- Haz clic en el bloque Fondo para seleccionarlo.
- En la barra de herramientas del bloque que aparece, haz clic en el botón Alinear.
- Elige una de estas opciones:
- Ancho completo: Expande el banner al ancho completo de la pantalla.
- Ancho amplio: Hace que el banner sea más ancho que el área principal de contenido, pero no ocupe todo el ancho.
- Alineación a la izquierda, centrada o a la derecha: Alinea el banner dentro del área de contenido.
Puedes colocar el texto, los botones y otro contenido dentro de tu banner. Para ajustar la posición del contenido dentro del banner, sigue estos pasos:
- Haz clic en el bloque Fondo para seleccionarlo.
- En la barra de herramientas del bloque que aparece, haz clic en el botón «Cambiar la posición del contenido».
- Selecciona una de las opciones predefinidas para mover el contenido a la parte superior, central o inferior del banner.
Para que la imagen siempre se muestre a altura completa, puedes activar la opción «Alternar altura completa» en la barra de herramientas del bloque.
- Haz clic en el bloque Fondo para seleccionarlo.
- En la barra de herramientas del bloque que aparece, haz clic en el botón «Altura completa» (el icono parece un cuadrado con solo las esquinas visibles):
Puedes volver a hacer clic en el botón para quitar el ajuste de altura completa.
Puedes cambiar cómo se organiza el contenido dentro del bloque Fondo siguiendo estos pasos:
- Haz clic en el bloque Fondo.
- En la barra lateral de ajustes del bloque, activa «Los bloques internos usan el ancho del contenido» para ajustar cómo se muestra el contenido dentro del bloque Fondo.
- Cuando «Los bloques internos usan el ancho del contenido» está activado, los bloques dentro del bloque Fondo respetarán estos ajustes de ancho:
- Contenido: el ancho del área de contenido para los bloques que no están configurados con ancho amplio o ancho completo.
- Amplio: el ancho del contenido para los bloques configurados con ancho amplio.
Más información sobre cómo cambiar el ancho de un bloque.
Puedes añadir relleno y márgenes al bloque Fondo siguiendo estos pasos:
- Haz clic en el bloque Fondo.
- 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 Dimensiones.
- Ajusta el relleno, los márgenes y el espaciado entre bloques.
Para garantizar un tamaño uniforme del banner, establece una altura mínima siguiendo estos pasos:
- Haz clic en el bloque Fondo.
- 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 «Altura mínima».
- Introduce una altura específica en unidades para asegurarte de que el banner mantenga un tamaño uniforme.
