Editor Wix: usar as ferramentas do editor no Editor mobile
6 min de leitura
Neste artigo
- Usar a barra de ferramentas do Editor mobile
- Usar o painel Camadas
- Usar as réguas horizontais e verticais
- Usar linhas de grade
- Usar a ferramenta Ajustar aos objetos
- Usar a ferramenta Espaço automático ao arrastar
- Usar a ferramenta Guias de espaçamento
O Editor mobile do 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.
![Captura de tela do painel de ferramentas no canto superior direito da seção do editor. A caixa de seleção do recurso Ajustar aos objetos está marcada.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/07/24/df2e3864-a48a-40dc-82a3-741444cbbcfd/f6eca314-2a18-4fbe-b30d-1d3c3855b3cc.png)
Usar a barra de ferramentas do Editor mobile
A barra de ferramentas do Editor mobile 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.
![Captura de tela da barra de ferramentas do Editor mobile do Wix](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/08/06/be8720eb-60e5-4fca-b29a-8482d8b456d6/95b5b4cc-611f-4e6c-b6be-02c0f7c8b3fc.png)
Para habilitar a barra de ferramentas:
- Clique em Ferramentas
no canto superior direito do Editor mobile.
- Marque a caixa de seleção Barra de ferramentas.
![Captura de tela do painel de ferramentas no editor mobile com a caixa de seleção da barra de ferramentas marcada e destacada.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/08/06/d9b54643-7353-4848-93a1-1834c04d4b2e/d9761e42-e41a-4c47-add2-35a1e823764f.png)
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 mobile. Você pode habilitá-lo clicando 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:
- Clique em Ferramentas
no canto superior direito do Editor mobile.
- Marque a caixa de seleção Réguas.
![O painel de ferramentas. A caixa Réguas foi marcada e as réguas estão destacadas.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/18/681a28c1-064d-4a36-a26d-87d2151c63cb/54f1a181-64f5-46f5-9800-7dc8015450f9.png)
Usar linhas de grade
As linhas de grade são as linhas pontilhadas dentro do seu Editor mobile 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.
Para ativar linhas de grade:
- Clique em Ferramentas
no canto superior direito do Editor mobile.
- Marque a caixa de seleção Linhas de grade.
![As linhas de grade no Editor Wix. As linhas estão destacadas.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/18/13161efc-02f9-4b4e-a97d-82617e1fdc8c/bb428759-2ac1-47ad-82a3-2558c8b6be30.png)
Usar a ferramenta Ajustar aos objetos
A ferramenta Ajustar aos objetos ajuda você a anexar 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:
- Clique em Ferramentas
no canto superior direito do Editor mobile.
- Marque a caixa de seleção Ajustar aos objetos.
![Um GIF mostrando o recurso Ajustar aos objetos sendo usado 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)
Usar a ferramenta Espaço automático ao arrastar
A ferramenta Espaço automático ao arrastar ajusta automaticamente o espaço entre elementos quando você coloca um item no espaço entre eles. Isso permite que você reordene elementos com um clique, sem afetar o design geral.
Por exemplo, você pode passar o mouse sobre um botão e arrastá-lo entre dois elementos de texto. Quando uma linha azul aparecer, solte o botão e um espaço igual será criado em cada lado dos dois elementos de texto.
Importante:
Esse recurso ainda não está disponível para todos os usuários.
Para ativar ou desativar a ferramenta Espaço automático ao arrastar:
- Clique em Ferramentas
no canto superior direito do Editor mobile.
- Marque a caixa de seleção Espaço automático ao arrastar.
![Gif do Espaço automático ao arrastar sendo usado para mover a posição de um botão no Editor mobile do Wix.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/07/29/a498b77e-73c6-48ca-bd48-8cdb065b84a8/a8958e36-2e17-4f61-aa6e-2d4dffadc3d5.gif)
Usar a ferramenta Guias de espaçamento
A ferramenta Guias de espaçamento exibe uma barra azul ajustável que mostra o tamanho do intervalo em pixels e mostra linhas rosas que indicam quando o tamanho do intervalo é igual a outros intervalos na sua seção. Essa ferramenta permite aumentar e diminuir o espaçamento, mantendo o espaçamento em outro lugar da seção.
Tome decisões de espaçamento precisas rapidamente.
Importante:
Esse recurso ainda não está disponível para todos os usuários.
Para ativar ou desativar a ferramenta Guias de espaçamento:
- Clique em Ferramentas
no canto superior direito do Editor mobile.
- Marque a caixa de seleção Guias de espaçamento.
![GIF da ferramenta Guias de espaçamento sendo usada para ajustar o espaço vazio na parte inferior de uma seção no Editor mobile do Wix.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/07/29/0c9dbd3a-cc14-4232-b574-252897112d31/ba284468-2a0b-4457-8955-a954213f3db7.gif)