header-logo
Confira como usar o Wix para construir seu site e negócio.
Personalize e gerencie seu site com os recursos do Wix.
Gerencie assinaturas, planos e faturas.
Administre seu negócio e conecte-se com os membros.
Compre, conecte ou transfira um domínio para o seu site.
Expanda seu negócio e presença online.
Aumente sua visibilidade com recursos de SEO e marketing.
Acesse recursos avançados e otimize sua produtividade.
Encontre soluções, problemas conhecidos ou contate-nos.
placeholder-preview-image
Domine novas habilidades com nossos cursos e tutoriais.
Confira nossas dicas de web design, marketing e mais.
Aumente o tráfego orgânico vindo dos motores de busca.
Desenvolva um site único com a nossa plataforma full-stack.
Alcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Editor do Wix Studio: agrupar elementos

3 min
Neste artigo
  • Criar um novo grupo
  • Desanexar um elemento de um grupo
  • Editar um único elemento de um grupo
  • Desagrupar elementos
  • Gerenciar grupos no painel Camadas
Execute ações em vários elementos usando o grupo, uma ferramenta inteligente de seleção múltipla. O grupo pode acelerar significativamente o processo de design, pois permite que você arraste e alinhe todos os elementos associados de uma vez. 

Criar um novo grupo

Você pode agrupar quantos elementos precisar, desde que eles compartilhem o mesmo pai. Os grupos que você cria se aplicam a todos os breakpoints.

Para agrupar elementos:

  1. Vá para o seu editor.
  2. Pressione a tecla Shift e selecione os elementos relevantes.
  3. Clique no ícone Mais ações .
  4. Selecione Agrupar.
    Dica: você também pode pressionar Ctrl + G/Cmd + G no teclado para agrupar os elementos.
Vários elementos selecionados na tela, mostrando o menu onde você clica para agrupá-los
Dica:
Você pode adicionar mais elementos a um grupo ou mesclar grupos existentes em um grande grupo, ao seguir os passos acima.  

Desanexar um elemento de um grupo

Se necessário, você pode separar elementos específicos de um grupo existente. Os elementos não são removidos do seu site, mas deixam de ser associados ao grupo.

Para desanexar um elemento:

  1. Vá para o seu editor.
  2. Clique em Camadas  no lado esquerdo do editor.
  3. Selecione o elemento que você deseja desanexar.
  4. Clique no ícone Desanexar do grupo ao lado do elemento.
O painel Camadas e um grupo de elementos na tela, passando sobre o ícone de alavanca ao lado do elemento de barra de redes sociais

Editar um único elemento de um grupo

Selecione elementos únicos do seu grupo para personalizá-los individualmente. Você pode movê-los e alterar o design sem afetar todo o grupo.
Clique no grupo na sua página e, em seguida, clique no elemento relevante para fazer alterações nele. Você também pode manter a tecla Ctrl/Cmd pressionada no teclado e clicar no elemento para selecioná-lo.

Desagrupar elementos

Você pode desagrupar seus elementos a qualquer momento. Isso não remove os elementos do seu site, apenas sua associação como um grupo.
Selecione o grupo relevante no seu editor e clique em Desagrupar. Você também pode pressionar Ctrl + Shift + G (PC)/Cmd + Shift + G (Mac) no teclado para desagrupar rapidamente.
Um grupo de elementos na tela, clicando no botão Desagrupar

Gerenciar grupos no painel Camadas

Acesse o painel Camadas para visualizar grupos de elementos existentes na página em que você está trabalhando. 
Quando os elementos estão em um grupo, você pode ver um ícone de Grupo à direita. Clicar em qualquer elemento de um grupo também seleciona os outros elementos e os destaca em azul:
O painel Camadas, um grupo está selecionado e seus elementos estão destacados
Clique novamente em um elemento do grupo para gerenciá-lo individualmente. O elemento selecionado é então destacado em azul:
O painel Camadas após clicar no elemento de barra de redes sociais do grupo