Editor Wix: adicionar e configurar um menu horizontal
6 min de leitura
Neste artigo
- Etapa 1 | Adicione um menu horizontal
- Etapa 2 | Faça o design do menu
- Etapa 3 | Ajuste o layout do menu
Menus horizontais exibem seus itens e submenus claramente para ajudar os visitantes do site a navegar pelo site. Eles geralmente são colocados no topo das páginas do seu site.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/11/29/34d3f1d3-cc53-45c4-b501-159da75385c1/e782e4e8-7384-445a-95bd-ca8eb020bab6.png)
Etapa 1 | Adicione um menu horizontal
Adicione um menu horizontal para começar a criar algo divertido e informativo para o seu site. Existe uma grande variedade de opções coloridas e em negrito à sua escolha e você pode personalizar e ajustar o layout.
Para adicionar um menu horizontal:
- Clique em Adicionar
no lado esquerdo do Editor.
- Clique em Menu e âncora.
- Clique em Menus horizontais.
- Arraste um menu para sua página.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/11/29/9a8c2fe0-5c7d-4f51-a17c-a6e2a3e9b3db/88777c6d-1a42-4c80-a0bc-b0387264aa8f.png)
Etapa 2 | Faça o design do menu
Após adicionar o menu, você pode começar a personalizá-lo para que ele fique exatamente como você deseja. Os itens do menu têm três estados separados que podem ser ajustados separadamente:
- Normal: aparência do item/texto antes de um visitante ter movido o cursor sobre ele.
- Ao passar o mouse: aparência do item/texto quando o visitante passa o cursor do mouse sobre ele.
- Página atual: como o item/texto é exibido quando é a página em que o visitante está atualmente.
Você pode personalizar o design para cada um desses estados, como texto, preenchimentos, bordas e muito mais.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/11/29/0915c92b-e140-4f42-83ac-1c6f23d6a163/71fc5d9d-0bcd-4c58-aefa-479ac3ef327d.png)
Para personalizar o design do menu:
- Clique no menu.
- Clique no ícone Design
.
- Clique em Personalizar design e ajuste o menu com as opções disponíveis.
Saiba mais
Dica:
Clique em Submenu a partir de Personalizar Design para ajustar os itens e o texto do submenu.
Etapa 3 | Ajuste o layout do menu
Você pode ajustar o layout do menu para que funcione para o seu site. Você pode editar as configurações de layout do menu e submenu separadamente e ajustar configurações como texto, espaçamento e alinhamento.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/11/29/242bf705-8175-412b-84e2-74409cccc96a/d879052f-4272-4984-a071-7bc338da764e.png)
Para ajustar o layout:
- Clique no ícone Layouts
.
- Clique na aba Menu ou Submenu e personalize as opções:
Opções de layout do menu
Opções de layout do submenu
Qual é o próximo passo?
Adicione itens ao seu menu para direcionar os visitantes a um conteúdo interessante e relevante. Saiba como