Editor Wix: usar a barra de ferramentas do editor para ajustar elementos
6 min de leitura
Neste artigo
- Organizar elementos usando a barra de ferramentas do Editor
- Alinhar elementos usando a barra de ferramentas do Editor
- Redimensionar elementos usando a barra de ferramentas do Editor
- Posicionar elementos usando a barra de ferramentas do Editor
- Girar elementos com a barra de ferramentas do Editor
A barra de ferramentas do Editor oferece acesso fácil a ferramentas que ajudam você a ajustar o layout e os elementos do seu site com facilidade. Organize, alinhe, redimensione e posicione elementos usando uma única barra de ferramentas.
Como faço para mostrar a barra de ferramentas Editor?
Organizar elementos usando a barra de ferramentas do Editor
Você pode mover elementos para frente e para trás usando a barra de ferramentas do Editor. O Editor é composto de camadas que podem ser colocadas atrás ou na frente de outro elemento, fazendo com que eles não funcionem corretamente. Você pode alterar o posicionamento do elemento movendo-o para frente ou para trás.
Para organizar elementos:
- Clique no elemento.
- Clique no ícone Organizar
na barra de ferramentas.
- Selecione uma opção:
Mover para frente: move o elemento uma camada para frente.
Mover para trás: move o elemento uma camada para trás.
Trazer para frente: move o elemento para a camada superior.
Enviar para trás: move o elemento para a camada inferior.
![A barra de ferramentas no Editor. Os ícones de organização de um elemento são destacados.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/04/14/90d79439-f153-4479-abd9-83d75bc77a70/7f240297-5e63-47d5-8099-1ec0029dfbe2.jpg)
Observação:
Você também pode organizar elementos usando o menu do botão direito do mouse. Clique aqui para saber mais.
Alinhar elementos usando a barra de ferramentas do Editor
Você pode alinhar elementos com precisão em seu site usando a barra de ferramentas do Editor em apenas alguns cliques. Dependendo do alinhamento selecionado, o Wix alinhará automaticamente todos os elementos nessa direção.
Para alinhar elementos:
- Faça uma seleção múltipla de elementos que você deseja alinhar ao arrastar o cursor sobre eles.
- Clique no ícone Alinhar
na barra de ferramentas do editor.
- Clique em uma opção de alinhamento:
Alinhar à direita
Alinhar ao centro
Alinhar à esquerda
Alinhar com a parte inferior
Alinhar ao meio
Alinhar ao topo
![A barra de ferramentas no Editor. Os ícones de alinhamento de um elemento são destacados.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/04/14/7d0bd4b3-40dc-4321-a832-8dfb6e6246d3/68ebe867-a72d-48c3-8f4a-32dad51d9f69.jpg)
Observação:
Você também pode alinhar apenas um elemento usando o recurso de alinhamento da barra de ferramentas do Editor. O elemento é alinhado dentro do contêiner em que está posicionado (por exemplo, página, cabeçalho, caixa).
Redimensionar elementos usando a barra de ferramentas do Editor
Você pode redimensionar elementos com precisão usando a barra de ferramentas do Editor ao alterar os valores de largura e altura.
Para redimensionar elementos:
- Clique no elemento.
- Insira um número no campo L para alterar a largura.
- Insira um número no campo A para alterar a altura.
![A barra de ferramentas no Editor. Os campos de tamanho de um elemento são destacados.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2022/04/14/de45bade-441b-4456-8d03-e4f0cc1b4c8f/c9e0cd5e-325b-4777-931d-78df4e4f216c.jpg)
Dica:
Para verificar a altura e a largura exatas de um elemento, clique no elemento e visualize o tamanho na barra de ferramentas do Editor.
Observação:
Você também pode redimensionar elementos usando as alças de esticar, mas esse método não é tão preciso.
Posicionar elementos usando a barra de ferramentas do Editor
Posicione os elementos com precisão na sua página ao alterar os valores X e Y na barra de ferramentas do Editor. Y é o posicionamento vertical do elemento no Editor, enquanto X é seu posicionamento horizontal.
Para posicionar elementos:
- Clique no elemento.
- Digite os novos valores ao lado de X e Y na barra de ferramentas do Editor, pressionando Enter após cada valor.
![A barra de ferramentas no Editor. Os campos de posição para um elemento são destacados.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/36eac970-a960-4e21-a45e-f9b45fb040cb/7f28ad4e-9e22-48e6-990e-4789bcbb7d6f.png)
Dica:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/7ce699ac-4629-4707-9c59-77fd77fbd9ab/0e167e8b-c91b-4772-8289-e0a20fd1dee9.gif)
Para alinhar mais de um elemento no eixo horizontal ou vertical, basta garantir que todos os valores x ou y sejam os mesmos. Se preferir, arraste um elemento até que o Wix Smart Guide (linha roxa) indique que os elementos estão alinhados.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/07/18/7ce699ac-4629-4707-9c59-77fd77fbd9ab/0e167e8b-c91b-4772-8289-e0a20fd1dee9.gif)
Girar elementos com a barra de ferramentas do Editor
A barra de ferramentas do Editor permite que você gire elementos com precisão ao inserir o grau de rotação. Essa é uma maneira fácil de girar com precisão elementos em sua página para o ângulo desejado.
Para girar um elemento usando a barra de ferramentas do Editor:
- Clique no elemento relevante no seu editor.
- Insira o grau de rotação na barra de ferramentas ao lado do ícone Rotação
.
- Pressione a tecla Enter no teclado.
![A barra de ferramentas no Editor. O ícone e o campo de rotação são destacados.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/08/22/efa8f4c8-f920-4eb9-b980-0d0363eb321b/ae5aaddb-9499-4cfb-82d6-e6e4837e6830.png)