Editor Wix: criar um menu de barra lateral
4 min de leitura
Use o elemento janela para criar um menu de barra lateral incrível!
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2383f229-d05e-48d8-afb5-a83edebca2c8/2019/05/22/ec53c5c3-2beb-47b0-a0f4-50d2c60620b3/7398ca4a-b1e5-485f-a348-8ce47d1d04d1.gif)
Para criar um menu de barra lateral:
- Exclua o menu existente do seu site.
- Clique em Adicionar
no lado esquerdo do Editor.
- Clique em Interativo.
- Selecione uma janela com uma barra lateral predefinida, como na imagem abaixo:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/08/12/ac068e2e-7139-4eca-8ff0-c8c40bd72966/9b9a7307-1a35-4e31-be45-d2f0a75872a5.png)
- Clique na janela e clique no ícone Configurações
.
- Renomeie sua janela para que você possa reconhecê-la, como "menu da barra lateral".
- Selecione Não em Mostrar janela automaticamente.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/08/12/d64ae902-ea8f-451c-b99a-6d96aa475f2c/73c0211c-d10d-4080-9f4c-c247e5ae6798.png)
- Exclua todos os elementos dentro da janela. Não exclua o ícone "X".
- Adicione um menu vertical à janela.
- Personalize o seu menu. Recomendamos que suas fontes de menu sejam grandes e centralizadas.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/11/06/e229aa33-a57a-47e0-bc8e-c93d72fbcdd7/9b7d40c5-3bfe-4ec6-a1f2-5d87d0370d3f.png)
Dica:
Personalize o background da janela e a sobreposição para combinar com o seu site. Você pode até tornar os backgrounds ligeiramente transparentes para um efeito legal.
- Clique em Menus e páginas
no lado esquerdo do Editor e selecione a página em que você quer colocar o botão do menu.
- Adicione uma forma para o botão do menu:
- Clique em Adicionar
no lado esquerdo do Editor.
- Clique em Decorativo.
- Clique na aba Formas básicas.
- Clique em Mais formas básicas.
- Digite "menu" na barra de busca e pressione Enter.
- Selecione um design de menu e clique em Adicionar à página.
- Clique no ícone Design
para personalizar o botão do menu.
- Clique em Adicionar
Dica:
Você também pode criar seu próprio botão de menu. Pode ser um botão de texto, ícone ou uma forma diferente. Veja alguns exemplos abaixo:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2016/08/25/c4caa6b0-307c-448e-9c97-684e3c86b6e0.png)
- Coloque o botão de menu em um local de destaque no seu site. Pode ser no cabeçalho ou, se preferir, use a Posição fixa para fixá-lo na parte superior do seu site. Se o botão do menu não estiver no cabeçalho, certifique-se de configurá-lo para mostrar em todas as páginas.
- Clique no botão do menu e clique no ícone Link
. Selecione Janela, escolha sua janela no menu dropdown e clique em OK.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/08/12/56eee7ce-a0c9-433d-be16-f30728980898/a560bb05-0d8a-4f9a-bfa0-a03853378de2.png)
- Visualize seu site para ver seu menu de janela em ação!
- Acesse seu Editor mobile.
- Clique no botão de menu que está vinculado à sua janela e clique no ícone Ocultar
.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2021/08/12/4e86d862-1600-4d32-924c-8bcf1d28b279/4bf956e2-4d0b-4541-8f31-b5fe5146b489.png)
Importante:
Certifique-se de que o seu menu de janela não está acessível a partir de nenhum botão ou link no seu site mobile. Você deve usar o menu do mobile, que também tem uma predefinição de barra lateral.
Esse artigo foi útil?
|