header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image
  1. Início
  2. Wix Studio, Parceiros e empresas
  3. Wix Studio
  4. Use o Editor do Wix Studio
  5. Design no Editor do Wix Studio
  6. Ajuste layouts e posicionamento
  7. Editor do Wix Studio: sobre a pilha

Editor do Wix Studio: sobre a pilha

Neste artigo
  • Escolher a direção da pilha
  • Arrastar e soltar para definir o espaçamento
  • Personalizar a pilha de acordo com suas preferências
Uma pilha é um contêiner de caixa flexível que "abraça" seus elementos, estejam eles em uma ordem vertical ou horizontal. Empilhe elementos para garantir que eles tenham uma boa aparência em todos os tamanhos de tela, evitando sobreposições (telas pequenas) e grandes intervalos (telas grandes).

Escolher a direção da pilha

Ao colocar elementos em uma pilha, você pode escolher a direção horizontal ou vertical. Isso depende se você deseja que os elementos apareçam em uma ordem vertical ou horizontal. 
De qualquer forma, você sempre pode mudar a direção. Isso reorganiza automaticamente os elementos para que eles fiquem na ordem correta. 
Um exemplo de uma pilha horizontal que mudou para vertical, os elementos agora estão em uma ordem vertical

Arrastar e soltar para definir o espaçamento

Nossa funcionalidade de arrastar e soltar facilita na definição do espaçamento entre elementos em uma pilha.
Arrastando os espaços entre itens empilhados para aumentar as margens
Você também pode criar margens negativas para fazer com que os elementos se sobreponham intencionalmente. 
Arrastando as margens da pilha para a direção oposta para criar uma sobreposição entre a imagem e o texto

Personalizar a pilha de acordo com suas preferências

O contêiner de pilha é transparente por padrão, mas você pode personalizá-lo como preferir no painel Inspetor. Adicione uma cor de background, borda e sombra para destacar a pilha. 
Uma captura de tela do painel Inspetor e uma pilha selecionada na tela, mostrando as opções de design

Esse artigo foi útil?

|
Contrate um profissionalEncontre um Parceiro Wix que pode ajudar você a alcançar os objetivos do seu site.
Começar
Neste artigo
  • Escolher a direção da pilha
  • Arrastar e soltar para definir o espaçamento
  • Personalizar a pilha de acordo com suas preferências

Esse artigo foi útil?

|