Editor Wix: usar a barra de ferramentas do Editor para ajustar elementos
6 min de leitura
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?
Neste artigo, saiba mais sobre:
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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/21/b0a632cd-01af-46db-bc61-f1a818f94927/3d5af845-c048-4136-9e60-0a52f9732d66.png)
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:
- Selecione ao mesmo tempo os elementos que você deseja alinhar.
- 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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/21/e89a6327-b89f-4440-9436-3fac363a898e/7b22a376-20b2-4213-997a-0d86a59331d6.png)
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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/21/85cdb5f9-8c6a-42d2-80f9-f67d462bda38/fd198924-b498-4efd-b150-570ed2ea3e36.png)
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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/21/1b02c748-f6f0-4757-9ba5-80dbdb0304a1/786b200d-ccfc-422d-89d4-3eef1fec6133.png)
Dica:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/21/6628470c-4474-4b16-9560-d2eed53ca988/f478a35d-7d20-4570-aa9e-f502572806be.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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/21/6628470c-4474-4b16-9560-d2eed53ca988/f478a35d-7d20-4570-aa9e-f502572806be.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/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/21/03e8939e-3376-4e41-89b8-567d3f594501/3309f52e-f205-428f-9f98-d8bbbe603faf.png)
Esse artigo foi útil?
|