Editor Wix: usar as ferramentas do editor
4 min de leitura
Neste artigo
- Usar a barra de ferramentas do editor
- Usar o painel Camadas
- Usar as réguas horizontais e verticais
- Usar linhas de grade
- Usar a ferramenta Ajustar aos objetos
O Editor Wix oferece várias ferramentas integradas para tornar seu processo de design mais rápido e preciso. Você pode encontrar esses recursos no painel Ferramentas no canto superior direito do editor.
![Uma captura de tela mostrando o painel de ferramentas no Editor Wix.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/18/bc91bfdf-1618-4cbe-96d1-8e13bdbfa15d/b41596af-41ed-485c-a6a4-19ed76a7ab56.png)
Usar a barra de ferramentas do editor
A barra de ferramentas do editor ajuda você a executar ações básicas rapidamente. Use-a para copiar, colar, duplicar ou excluir elementos da sua página. Você também pode ajustar as configurações do elemento, como tamanho, posição e alinhamento.
Após ativar a barra de ferramentas no painel Ferramentas, você a verá no lado direito do editor.
Para habilitar a barra de ferramentas:
- Vá para o seu editor.
- Clique em Ferramentas
no canto superior direito do editor.
- Marque a caixa de seleção Barra de ferramentas.
![Captura de tela das ferramentas do editor, a barra de ferramentas está destacada.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/12/10/a31459de-cc2c-4c2e-8f5b-2789d863c75e/adbe5dae-f648-4e70-a6c8-0ff96cd8c939.png)
Dicas:
- Reposicione a barra de ferramentas do Editor, para onde quiser, arrastando e soltando-a em qualquer lugar da sua página.
- Você pode ocultar/mostrar os menus da barra de ferramentas e do editor (como os menus do lado esquerdo e o superior) ao clicar na seta Ocultar os controles
na parte superior do editor. Saiba mais sobre o recurso Ocultar os controles
Usar o painel Camadas
O painel Camadas mostra todos os elementos da sua página. O painel é dividido pelas partes principais da sua página (cabeçalho, página e rodapé) para que você possa encontrar facilmente os elementos de que precisa.
Após ativar o painel Camadas, ele aparece como um painel flutuante que você pode arrastar para qualquer lugar dentro do editor. Você pode habilitá-lo ao clicar no ícone Camadas
no canto inferior esquerdo do editor.
![O painel Camadas no editor. O ícone está destacado.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/18/dc9d9a4f-8bef-4da0-95bc-97dac932e298/98f02762-b7d8-498e-933e-93d726ed9b60.png)
Usar as réguas horizontais e verticais
Usando as réguas horizontais e verticais, você pode colocar elementos com precisão no seu site. Posicione seus elementos em locais específicos (em pixels) e adicione guias que ajudam a marcar esses pontos.
Após ativar Réguas no painel Ferramentas, você pode ver a régua horizontal na parte superior e a régua vertical no lado direito.
Para ativar as réguas:
- Vá para o seu editor.
- Clique em Ferramentas
no canto superior direito do editor.
- Marque a caixa de seleção Réguas.
![Captura de tela da barra de ferramentas do editor com réguas destacadas.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/12/10/3786cdd4-7266-4e0f-af62-6b6bc24a506f/eaa25833-5390-4397-90d4-7eb17cace7fc.png)
Usar linhas de grade
As linhas de grade são as linhas pontilhadas dentro do seu editor que podem ajudar você a criar o layout do seu site corretamente. As linhas de grade verticais são especialmente úteis, pois mostram a largura máxima da sua página em tablets e dispositivos menores.
Use as linhas de grade para garantir que seu conteúdo seja visível em todos os tamanhos de tela possíveis. Dependendo do que você precisa, você pode ativá-las e desativá-las a qualquer momento. Saiba mais sobre as linhas de grade do editor
Para ativar as linhas de grade:
- Vá para o seu editor.
- Clique em Ferramentas
no canto superior direito do editor.
- Marque a caixa de seleção Linhas de grade.
![Captura de tela do painel de ferramentas do editor, com as linhas de grade destacadas.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/12/10/235cfd53-0e20-44e5-9ceb-72457f911058/c03a69cc-fa74-43f0-96a2-832fc75362e3.png)
Usar a ferramenta Ajustar aos objetos
A ferramenta Ajustar aos objetos ajuda você a anexar os elementos uns aos outros com total precisão.
Após arrastar um elemento, linhas roxas aparecem para marcar as bordas de outros elementos nessa página. Quando você solta o elemento que está arrastando, ele "se ajusta" a esses marcadores dentro de uma faixa de 5 pixels.
Para ativar Ajustar aos objetos:
- Vá para o seu editor.
- Clique em Ferramentas
no canto superior direito do editor.
- Marque a caixa de seleção Ajustar aos objetos.
![Um GIF mostrando a ferramenta Ajustar aos objetos sendo usada no editor.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/08/04/8d845986-5b90-418e-a519-3e8e0ec8324d/63e2e655-63c1-47c8-b781-d51480aa55ec.gif)