Crea diseños con contenedores y cuadrículas
Agrupa bloques en un contenedor o colócalos en las celdas de una cuadrícula para crear tarjetas, columnas y otros diseños que puedes personalizar y mover como una sola pieza.
Los contenedores y las cuadrículas son bloques que contienen otros bloques. Un contenedor agrupa bloques en una caja, a la que puedes poner un fondo y que puedes mover como una sola pieza. Una cuadrícula organiza los bloques en una tabla de filas y columnas. Encontrarás las dos en el grupo Disposición del panel de bloques.
Cuál elegir
- Usa un contenedor para una tarjeta, un panel con fondo de color o un grupo de bloques que deben permanecer juntos.
- Usa una cuadrícula cuando quieras elementos alineados en columnas iguales, por ejemplo tres características breves una al lado de la otra.
Ambos dan a los bloques de su interior su propio espacio. Si solo necesitas repartir bloques por una página, no hace falta ninguno de los dos: colócalos directamente en una Trabaja con secciones.
Crea un contenedor
- En el panel de bloques, busca Contenedor dentro de Disposición.
- Arrástralo a una sección y suéltalo donde quieras. Un contenedor vacío muestra Suelta aquí los bloques.
- Arrastra un bloque del panel de bloques hasta el contenedor. El contenedor se rodea de un contorno azul para indicar que el bloque se colocará dentro.
- Suelta el botón del ratón. El bloque aparece dentro del contenedor y ocupa todo su ancho.
- Añade más bloques de la misma manera.
También puedes arrastrar a un contenedor bloques que ya están en la página, y sacarlos de nuevo. Un contenedor puede contener otros contenedores. Dentro de un contenedor, los bloques se mueven y se redimensionan igual que en la página. Consulta Añade, mueve y cambia el tamaño de los bloques.
Importante: Si eliminas un contenedor, se eliminan todos los bloques que contiene. Si lo haces por error, haz clic en Deshacer en la barra superior.
Cambia el aspecto de un contenedor
- Haz clic en el contenedor, no en un bloque de su interior. Un buen sitio es el espacio vacío entre dos de sus bloques.
- En el panel de ajustes, abre General y Apariencia.
En General:
- Disposición interior decide cómo se organizan los bloques. Cuadrícula libre (12 columnas) te permite colocar los bloques donde quieras, como en una sección. Apilado pone los bloques uno debajo de otro. En paralelo los pone en una fila y los pasa a una línea nueva cuando no hay sitio.
- Separación de la cuadrícula es el espacio entre los bloques.
- Alinear los elementos define dónde se colocan los bloques cuando el contenedor es más alto que ellos: Estirar, Arriba, En medio o Abajo.
En Apariencia: Color de fondo, Color del borde, Radio de las esquinas, Relleno horizontal y Relleno vertical (el espacio entre el borde y los bloques), y Altura mínima.
Nota: Solo puedes soltar bloques nuevos en un contenedor cuya Disposición interior sea Cuadrícula libre (12 columnas). Para llenar un contenedor Apilado o En paralelo, cámbialo a Cuadrícula libre, suelta los bloques y vuelve a cambiarlo.
Crea una cuadrícula
- Arrastra Cuadrícula desde el grupo Disposición a una sección. Una cuadrícula nueva tiene 3 columnas y 2 filas, dibujadas como celdas de línea discontinua.
- Con la cuadrícula seleccionada, abre General en el panel de ajustes. Usa Número de columnas y Número de filas para definir su forma. Cada una puede ir de 1 a 8.
- Arrastra un bloque a la celda donde lo quieras. El recuadro azul indica en qué celda caerá.
- Suelta el botón del ratón.
- Si el bloque se ha extendido por varias celdas, haz que ocupe una sola celda de ancho. Selecciónalo, abre Tamaño y posición y pon Columnas de ancho en 1, o arrastra el tirador de su borde derecho hasta el borde de la celda.
Un bloque nuevo conserva su ancho habitual, hasta el número de columnas de la cuadrícula, así que al principio suele ocupar una fila entera. Los bloques también pueden abarcar varias celdas a propósito, como una celda combinada en una tabla: ensancha o alarga un bloque para que cubra más espacio de la cuadrícula.
Ajustes de la cuadrícula
- Separación de la cuadrícula y Alinear los elementos funcionan igual que en un contenedor.
- En Apariencia puedes definir un Color de fondo, un Color del borde, un Radio de las esquinas y el relleno de toda la cuadrícula. Contorno de las celdas solo cambia el color de las guías discontinuas de las celdas que ves en el editor.
En un móvil, una cuadrícula se convierte en una sola columna y sus bloques se apilan en orden, de modo que una fila de tres columnas pasa a ser tres bloques uno debajo de otro.