La configuración de bloque controla cómo se ve y se comporta cada Bloque dentro de una Sección. Muestra u oculta un Bloque en escritorio y móvil, define su ancho, agrega color, bordes y sombras, y anímalo a medida que los visitantes se desplazan.

La configuración se aplica a un Bloque a la vez, así que puedes ajustar un solo Bloque sin cambiar el resto de la Sección. Para ajustar una Sección completa, consulta Personalizar la configuración de secciones de página.

Todas las configuraciones de este artículo comienzan en el Editor de Bloque.

Para agregar, renombrar, ocultar o reordenar Bloques primero, consulta Agregar y administrar bloques en páginas.

La configuración de diseño de bloque, al igual que la configuración de diseño de sección, tiene un Desktop Layout y un Mobile Layout, para que puedas optimizar cada Bloque individual para dispositivos de escritorio y móviles. Para ajustar el diseño de una Sección completa, consulta Personalizar la configuración de secciones de página.

Cada Sección se divide en una cuadrícula de 12 columnas, y los Bloques se ubican dentro de esa cuadrícula. El ancho de un Bloque es la cantidad de columnas que ocupa. Cambia el ancho de un Bloque para controlar cuánto espacio usa en la Sección y cómo se ve tu contenido.

Cambia el color de fondo de un Bloque, agrega y ajusta un borde, y dale profundidad con una sombra. Para personalizar el fondo de una Sección, consulta Personalizar la configuración de secciones de página. Para aprender cómo funcionan juntos las Secciones y los Bloques, consulta Agregar Secciones a páginas.

Selecciona el color de fondo de tu Bloque con el selector de color.

Selecciona un Border Type para cambiar la apariencia del borde:

Define el ancho del borde para ajustar su grosor.

Define el color del borde para que combine con tu página y tu marca.

Usa el control deslizante Border Radius para que las esquinas del Bloque sean más redondeadas o más cuadradas.

Selecciona un efecto de Box Shadow para darle profundidad al Bloque.

Las animaciones agregan movimiento a un Bloque cuando la página carga y cuando los visitantes se desplazan hasta él. Elige el tipo, la dirección, el retraso y la duración de cada animación.

Los Bloques que tienen la configuración de animación activada son fáciles de identificar mientras personalizas tu página:

Haz que tu Bloque aparezca en la página con un desvanecimiento cuando un visitante se desplace hasta él.

Haz que tu Bloque aparezca en la página girando cuando un visitante se desplace hasta él.

Haz que tu Bloque aparezca en la página con un efecto de zoom cuando un visitante se desplace hasta él.

Selecciona la dirección de la animación:

Define cuántos segundos pasan antes de que empiece la animación una vez que un visitante llega al Bloque.

Define cuántos segundos dura la animación. Una duración más corta hace que el Bloque aparezca rápidamente. Una duración más larga hace que aparezca lentamente a medida que tu visitante se desplaza hasta él.