Editor Wix: adicionar e configurar um menu vertical
3 min de leitura
Neste artigo
- Adicionar um menu vertical
- Personalizar o design do menu
- Ajustar o layout de um menu
Menus verticais são uma maneira limpa e sofisticada para os visitantes navegarem no seu site. Você encontra uma variedade de templates disponíveis para pode personalizar e criar algo que é atraente e informativo.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/07/29/605f14f3-0b52-4ae3-80d2-3afcab280cfa/a30ad6b5-bca1-4f8a-89b9-0ec3619ff4dc.png)
Adicionar um menu vertical
Adicione um menu vertical do Editor e crie algo que incentive a interação e chame a atenção dos visitantes do seu site.
Para adicionar um menu vertical:
- Clique em Elementos no lado esquerdo do editor.
- Selecione Menu e âncora.
- Selecione Menus verticais.
- Clique ou arraste o menu escolhido para adicioná-lo ao seu site.
![Uma captura de tela das opções de menu vertical no Editor Wix](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2023/03/31/7264945d-6d4d-4bfa-9813-2f6e41598a85/0f1eca8e-818a-4b29-bb39-6829603fd561.jpg)
Personalizar o design do menu
Use as opções de personalização para criar seu menu exatamente do jeito que você gostaria. O menu tem três estados separados - normal, ao passar o mouse e clicado. Você pode personalizar cada estado individualmente para que funcione com o seu site.
- Normal: como o menu é exibido em seu site antes de um visitante interagir com ele.
- Ao passar o mouse: como o menu fica quando o cursor passa sobre ele.
- Clicado: como o menu aparece quando um visitante clica nele.
Para personalizar o design do menu:
- Clique no ícone Design .
- Clique em Personalizar design.
- Selecione o estado do menu no qual você deseja trabalhar (Normal, Ao passar o mouse ou Clicado).
- Escolha uma das opções abaixo para ajustar suas configurações:
- Cor e opacidade: escolha a cor de preenchimento do menu e ajuste sua opacidade.
- Borda: ajuste a largura e a cor da borda do menu.
- Cantos: ajuste o quão arredondados são os cantos do seu menu e dos menus dropdown.
- Sombra: adicione uma sombra e ajuste seu ângulo, tamanho, desfoque, cor e distância.
- Texto: edite as configurações de texto do menu, como fonte, tamanho e formato.
- Espaçamento: ajuste o espaçamento e a distância do menu usando os sliders.
![Uma captura de tela das opções de design do menu vertical](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2023/03/31/fc99c06f-70a7-4ffb-9a84-03483d200617/dfc2a98c-90d7-4519-8fd7-7a2752f8dc1c.jpg)
Ajustar o layout de um menu
Você pode ajustar o layout do menu para que se adeque ainda mais ao estilo e estética do seu site. Você pode alterar a forma como os itens do seu menu são alinhados e escolher se o menu dropdown abre à esquerda ou à direita.
Para ajustar o layout do menu:
- Clique no ícone Layout .
- Escolha entre as seguintes opções:
- Alinhamento dos itens: selecione se os itens do menu são alinhados à esquerda, à direita ou ao centro.
- Escolha como os dropdowns são abertos: selecione se os dropdowns abrem à esquerda ou à direita.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/09/09/b95ad07b-9281-4c8e-bd96-bd57db0090f8/365a3306-ff3e-4e2a-a179-9f6847bb5e06.png)