Editor X: agrupar elementos

5 min de lectura
El Editor X está en proceso de transición hacia Wix Studio, nuestra nueva plataforma para agencias y freelancers.Más información sobre Wix Studio
Realiza acciones en varios elementos mediante la agrupación, una herramienta inteligente de selección múltiple. La agrupación puede acelerar en gran medida el proceso de diseño, ya que te permite arrastrar, cambiar el tamaño, ordenar, alinear y agregar animación a todos los elementos asociados a la vez. 

Aprende cómo:


Crear un nuevo grupo

Puedes agrupar tantos elementos como necesites siempre y cuando compartan el mismo contenedor principal (p. ej. apilamiento, caja de contenedores, sección). Los grupos que crees se aplican a todos tus breakpoints, así como cualquier cambio realizado en un grupo existente.

Para agrupar elementos:

  1. Mantén presionada la tecla Shift y selecciona los elementos relevantes.
  2. Haz clic en Agrupar.
    Consejo: También puedes pulsar Ctrl + G/Cmd + G en tu teclado para agrupar los elementos.

¿Cuál es la diferencia entre agrupar y apilar?
  • El apilamiento garantiza que tus elementos permanezcan en orden vertical en todos los tamaños de pantalla, mientras que la agrupación es una herramienta de edición que te permite realizar acciones en múltiples elementos.
  • El apilamiento de elementos que ya están en un grupo anulará la agrupación automáticamente y creará un contenedor transparente para que nunca se superpongan.

Agregar elementos a un grupo

Siempre puedes agregar más elementos a un grupo y eliminar los elementos que no necesites. Otra opción es fusionar los grupos existentes en un gran grupo de elementos.  

Para agregar elementos a un grupo:

  1. Mantén presionada la tecla Shift y selecciona tu grupo y los elemento(s)/grupo(s) que quieras agregar.
  2. Haz clic en Agrupar.

Separar un elemento de un grupo

Si fuera necesario, puedes separar elementos específicos de un grupo existente. Los elementos no se eliminan de tu sitio, pero ya no se asociarán al grupo.

Para separar un elemento:

  1. Haz clic en el icono Capas  en la parte superior izquierda de tu Editor.
  2. Selecciona el elemento que quieras separar.
  3. Haz clic en el icono Desprenderse del grupo  junto al elemento.
Consejo:
También puedes hacer clic con el botón derecho del mouse en el elemento correspondiente y seleccionar Desprenderse del grupo.

Editar un solo elemento de un grupo

Selecciona elementos individuales de tu grupo para diseñarlos por separado. Puedes moverlos y cambiar el diseño sin afectar a todo el grupo.
Haz clic en el elemento correspondiente en tu página, luego haz clic de nuevo en el elemento para hacerle cambios:
Consejo:
También puedes editar elementos individuales de las siguientes maneras:
  • Mantén presionada la tecla Ctrl/Cmd en tu teclado y haz clic en el elemento para seleccionarlo.
  • Abre el panel de Capas , selecciona el elemento y haz clic en él de nuevo.

Anular la agrupación de elementos

Puedes anular la agrupación de tus elementos en cualquier momento. Esto no elimina los elementos de tu sitio, solo su asociación como grupo.

Para anular la agrupación de elementos:

  1. Selecciona el grupo en tu Editor.
  2. Haz clic en Desagrupar .
    Consejo: También puedes pulsar Ctrl + Shift + G (PC)/Cmd + Shift + G (Mac) en tu teclado para anular la agrupación.

Administrar tus grupos en el panel de Capas

Accede al panel de Capas  en la parte superior izquierda del Editor para ver los grupos de tu página.
Cuando los elementos están en un grupo, puedes ver un icono de Grupo  a la derecha de los elementos:
Al hacer clic en cualquier elemento de un grupo, se seleccionan también los otros elementos y se resaltan en azul:
Haz clic de nuevo en un elemento del grupo para administrarlo de manera individual. El elemento seleccionado se resalta en azul:

¿Te ha sido útil?

|