Añade, mueve y cambia el tamaño de los bloques
Añade bloques a una página arrastrándolos o haciendo clic, y después muévelos, cambia su tamaño, duplícalos y elimínalos en la cuadrícula de 12 columnas.
Los bloques son las piezas con las que se construye una página: encabezados, texto, botones, imágenes, cuadrículas de productos y más. Los añades desde el panel de Bloques, los sueltas donde quieras y arrastras sus bordes para cambiar su tamaño.
Cómo se distribuyen los bloques
Cada sección de una página es una cuadrícula de 12 columnas. Un bloque ocupa una o más columnas y una o más filas de esa cuadrícula. Cuando sueltas o cambias el tamaño de un bloque, este se ajusta a la cuadrícula, de modo que todo queda alineado y la página se reorganiza bien en un móvil. Nunca colocas un bloque en píxeles exactos.
Los bloques viven dentro de Trabaja con secciones. Una página necesita al menos una sección antes de que puedas añadir un bloque.
Añade un bloque
Puedes añadir un bloque de dos maneras.
Arrástralo a la página
- En el panel de Bloques de la izquierda, busca el bloque que quieres. Los grupos son Básicos, Medios, Disposición, Tienda, Marketing y Menús y formularios.
- Mantén pulsado el bloque y arrástralo a tu página.
- Mueve el puntero sobre una sección. Aparecen columnas claras y un recuadro azul que muestra exactamente dónde caerá el bloque y qué tamaño tendrá.
- Suelta el botón del ratón. El bloque aparece en el recuadro y queda seleccionado, así que sus ajustes se abren a la derecha.
Nota: Suelta el bloque en un espacio vacío. Si lo sueltas en un lugar que ya ocupa otro bloque, los dos quedan uno encima del otro. Pulsa Ctrl + Z para deshacer, o arrastra el bloque nuevo a otro sitio.
Haz clic en él
Haz clic en un bloque del panel de Bloques para añadirlo al final de la sección que tengas seleccionada. Si no hay nada seleccionado, va a la última sección de la página. Es la forma más rápida de construir una página de arriba abajo.
Selecciona un bloque
Haz clic en un bloque de la página. Aparece con un contorno azul, dos asas azules para cambiar el tamaño y una pequeña barra de herramientas a su lado con tres botones: Duplicar, Rotar y Eliminar. El panel de ajustes de la derecha cambia para mostrar los ajustes de ese bloque.
Mueve un bloque
- Mantén pulsado el bloque y arrástralo. Una pequeña copia del bloque sigue a tu puntero.
- Fíjate en el recuadro azul para ver dónde caerá.
- Suelta el botón del ratón.
Puedes arrastrar un bloque a otra sección, o a un Crea diseños con contenedores y cuadrículas. Mover un bloque a otra sección solo es posible en la vista Escritorio, porque cambia el bloque en todos los tamaños de pantalla.
Cambia el tamaño de un bloque
- Haz clic en el bloque para seleccionarlo.
- Arrastra el asa de su borde derecho para cambiar cuántas columnas de ancho tiene. Arrastra el asa de su borde inferior para cambiar cuántas filas de alto tiene.
- Suelta el botón del ratón.
Define el tamaño y la posición con números
Para un control exacto, usa el panel de ajustes en lugar de arrastrar.
- Selecciona el bloque.
- En el panel de ajustes, haz clic en Tamaño y posición para abrirlo.
- Usa los botones de menos y más para cambiar Empieza en la columna, Columnas de ancho, Empieza en la fila y Filas de alto.
El mismo grupo tiene estos extras:
- Ocupar todo el ancho estira el bloque por todas las columnas del elemento que lo contiene.
- Ocultar este bloque oculta el bloque. En las vistas Tableta y Móvil, el interruptor lo oculta solo en ese tamaño de pantalla. Consulta Haz que tu sitio se vea bien en móviles y tabletas.
- Igual en todas las pantallas mantiene una sola disposición del bloque en escritorio, tableta y móvil.
- Ajuste fino tiene los controles deslizantes Rotación, Desplazar en horizontal y Desplazar en vertical. Estos inclinan o desplazan el bloque solo visualmente, sin cambiar su lugar en la cuadrícula, así que nada a su alrededor se mueve. La pequeña x junto a un control deslizante lo devuelve a cero. También puedes rotar arrastrando el botón Rotar de la barra de herramientas del bloque alrededor del bloque. Se ajusta a la posición recta, y si mantienes pulsada Shift se ajusta a pasos de 15 grados.
Consejo: También puedes mover un bloque seleccionado con el teclado. Ctrl + una tecla de flecha lo mueve una celda de la cuadrícula, y Ctrl + Shift + una tecla de flecha lo hace una celda más ancho o más alto. Consulta El editor de un vistazo para ver todos los atajos.
Duplica o elimina un bloque
- Para duplicar, selecciona el bloque y haz clic en Duplicar en su barra de herramientas, o pulsa Ctrl + D. La copia aparece justo debajo del original.
- Para eliminar, selecciona el bloque y haz clic en Eliminar en su barra de herramientas, o pulsa Delete. También puedes abrir Gestionar en el panel de ajustes y hacer clic en Duplicar o Eliminar allí.
Al eliminar un bloque no se te pide confirmación. Si eliminas uno por error, haz clic en Deshacer en la barra superior.