Cuadro de herramientas Columna

Cada columna tiene una caja de herramientas de opciones que aparece al pasar el ratón por encima del contenedor.

Herramienta
Icono
Descripción
Mover
Icono de mover
Mueve la columna y su contenido a otra posición en relación con otras columnas.
(etiqueta)
Columna
Identifica el contenedor actual como una columna. Pase el ratón sobre el contenedor de columnas para ver el cuadro de herramientas.
Configuración
Icono de configuración
Abre la página Editar columna, donde puede cambiar las propiedades del contenedor.
Duplicar
Icono duplicado
Realiza una copia de la columna actual.
Eliminar
Quitar icono
Elimina la columna actual y su contenido.

Cuadrícula de columnas

La cuadrícula garantiza que el contenido se alinee de manera consistente en una columna y ayuda a que la página se represente correctamente tanto en el escritorio como en los dispositivos móviles. Para obtener más información, consulte la sección Herramientas de contenido avanzadas de la configuración de Page Builder.

Divisiones de cuadrícula en una fila con una columna

En el siguiente ejemplo de dos columnas, los números entre paréntesis (6/12) en el borde superior de cada contenedor de columnas indican el número de divisiones de cuadrícula en cada columna y el número total de divisiones. En este caso, la columna es la anchura de seis unidades de cuadrícula de un total de 12.

Divisiones de cuadrícula en fila con dos columnas

Añadir una columna

  1. En el panel Page Builder bajo Layout, arrastre un(a)Column ​al escenario.

    Arrastrando una columna al escenario

    El grupo de columnas ahora se divide en dos columnas de igual anchura. Cada columna es un contenedor independiente para el contenido y tiene su propio conjunto de opciones de cuadro de herramientas.

    Dos columnas iguales

  2. En la esquina superior izquierda del grupo de columnas, haga clic en la herramienta Cuadrícula ( Control de cuadrícula ) y ajuste el tamaño de la cuadrícula según sea necesario.

    Colocar el contenido en la cuadrícula ayuda a alinear el contenido de forma coherente y procesa la página correctamente tanto en el escritorio como en los dispositivos móviles. Para obtener más información, consulte la sección Herramientas de contenido avanzadas de la configuración de Page Builder.

    Divisiones de cuadrícula en dos columnas

Cambiar el tamaño de una columna

  1. Pase el ratón sobre el borde entre dos columnas.

    El borde se resalta y aparece la caja de herramientas de la columna seleccionada.

    Borde resaltado entre dos columnas

  2. Mantenga pulsado el botón del ratón para mostrar la cuadrícula y arrastre el borde a una nueva posición en la cuadrícula.

    El ancho de ambas columnas se ajusta para reflejar el cambio. La nueva anchura de cada columna aparece después de la etiqueta, como 4/12 (cuatro de 12) y 8/12 (ocho de 12).

    Columnas redimensionadas

Eliminación de una columna

  1. Pase el ratón sobre la columna que quiera quitar para mostrar el cuadro de herramientas y elija el icono Quitar ( Quitar icono ).

    Cuadro de herramientas de columna

  2. Si la columna contiene contenido, haga clic en OK para confirmar.

    Para acelerar el proceso en el futuro, puede omitir el paso de confirmación seleccionando la casilla de verificación Do not show this again.

    El grupo de columnas ahora tiene una sola columna (12/12) y cuadrícula. Dado que la cuadrícula sólo está disponible para columnas, puede utilizar esta técnica para mostrarla.

    Columna única con cuadrícula

  3. Si desea que el grupo de columnas amplíe la columna restante hasta el ancho completo de la fila o etapa:

    • Pase el ratón sobre la columna para ver el cuadro de herramientas y elija el icono Configuración ( icono Configuración ).

    • Desplácese hacia abajo hasta la sección Advanced ​y establezca los cuatro valores de Padding ​en 0.

      Con relleno cero

    • En la esquina superior derecha, haga clic en Save para cerrar la página Edit Column.

  4. Haga clic en el icono Cerrar pantalla completa ( Icono de cerrar pantalla completa ) en la esquina superior derecha del área de trabajo y, a continuación, haga clic en Save en la esquina superior derecha.