Cada página que construyes con el editor de páginas tiene 12 columnas de ancho. Activa la cuadrícula y las guías en las herramientas de diseño de la configuración de la página para ver esas columnas y el tamaño real de cada bloque mientras trabajas.
Úsalas para alinear bloques, mantener un espaciado uniforme y crear diseños equilibrados.
Crea diseños con la cuadrícula de 12 columnas
Cada página tiene 12 columnas de ancho. Los bloques de tu página se colocan uno al lado del otro dentro de esas 12 columnas, y tú defines cuántas columnas ocupa cada bloque.
Algunos diseños comunes son:
Una columna de ancho completo (12)
Mitades (6 + 6)
Tercios (4 + 4 + 4)
Cuartos (3 + 3 + 3 + 3)
Sextos (2 + 2 + 2 + 2 + 2 + 2)
Una mitad y dos cuartos (6 + 3 + 3)
Un tercio, una mitad y un sexto (4 + 6 + 2)
Cualquier otra combinación también funciona, siempre que los anchos de los bloques de una fila sumen 12.
Mostrar guías en el editor de páginas
Las guías delimitan la forma y el tamaño reales de cada sección y bloque, para que veas exactamente cuánto espacio ocupa tu contenido.
Desde el Dashboard, haz clic en Website y luego en Website Pages o Landing Pages.
Haz clic en el Title de la página que quieres editar para abrirla en el editor.
En la barra lateral, haz clic en Settings.
Abre Design Tools.
Activa Show guides.
Haz clic en Save para actualizar la vista previa.
Nota: Después de cambiar Show guides o Show Grid, el editor muestra una insignia Preview outdated hasta que hagas clic en Save.
Mostrar la cuadrícula en el editor de páginas
La cuadrícula muestra las 12 columnas que forman el ancho de tu página. Úsala para alinear bloques y definir un espaciado uniforme entre ellos.
Desde el Dashboard, haz clic en Website y luego en Website Pages o Landing Pages.
Haz clic en el Title de la página que quieres editar para abrirla en el editor.
En la barra lateral, haz clic en Settings.
Abre Design Tools.
Activa Show Grid.
Haz clic en Save para actualizar la vista previa.
