Editar um menu significa alterar os itens que aparecem na barra de navegação, como os botões que levam o visitante para páginas que você tenha definido.
Você pode adicionar, remover, renomear ou reorganizar esses itens - Caso queira fazer edições em um menu que foi disponibilizado no layout do site, consulte como fazer.
Confira abaixo como editar:
1No Editor do Criador de Sites com IA, clique no menu que deseja editar
2Será exibida a barra de ferramentas com os recursos para edição. Abaixo selecione a opção que deseja e confira como fazer:
- Adicionar Mega Menu - Para incluir um quadrante grande com informações
- Adicionar ícone
- Alterar fonte
- Alterar cor
- Definir o estilo - Preenchimento e contorno do item de menu
- Editar a página do item de menu
- Incluir um novo item ao menu principal
- Excluir um item do menu principal - Para remover apenas um elemento do menu
- Excluir um menu principal - Para remover toda a seção de menu
Mega Menu
Ele será exibido ao clicar no item de menu.
1Na "Barra de ferramentas”, clique no ícone de três linhas
2Em seguida, clique no círculo branco para ativar - Na cor “Azul” significa que essa função está habilitada
3No quadrante inserido, clique no ícone de +
Ao ativar, dependendo da configuração do item de menu, pode ser exibida a caixa de texto e você pode acessar o menu "Adicionar elementos" para incluir diferentes recursos
4Em “Adicionar elementos”, escolha o recurso que deseja inserir, clique, arraste e solte no quadrante
5Faça as edições que deseja
6Para salvar as alterações, clique em Atualização
Adicionar ícone
1Na "Barra de ferramentas”, clique no ícone de estrela
2Em seguida, clique no ícone de +
3Na tela que abrir, use o campo de busca para pesquisar pelo ícone que deseja - Navegue entre as abas disponíveis ou em “Personalizado”, caso tenha a imagem salva em seu dispositivo
4Para inserir o ícone junto ao item de menu, clique na opção encontrada
5Em seguida, defina:
- A) Posição - se o ícone deve ficar posicionado ao lado esquerdo ou direito do item de menu
- B) Tamanho - clique no tamanho disponível que deseja ou para configurar manualmente, clique no ícone de 3 pontos e em seguida, clique no botão branco e arraste na barra até chegar na opção que deseja
- C) Espaçamento - defina o quão próximo o item de menu ficará do ícone. Para isso, clique no círculo branco e arraste na barra até chegar na opção que deseja
6Para salvar as alterações, clique em Atualização
Alterar fonte
1Na "Barra de ferramentas”, clique no ícone de letra T (Fonte)
2Você pode escolher entre outra opção ou adicionar uma nova
3Em seguida defina o tamanho, altura, espaçamento e peso
4Para salvar as alterações, clique em Atualização
Alterar cor
1Na "Barra de ferramentas”, clique no ícone de quadrado (Cores)
2Você pode escolher aplicar a cor somente no texto ou uma diferente para quando passar com o cursor do mouse.
Para isso, ao lado do quadrante de recursos, clique na opção que deseja:
- Círculo azul - cor para o texto
- Ícone de cursor de ponteiro - alterar a cor ao passar o cursor do mouse
3Em seguida, clique na aba que deseja configurar:
- Texto - a cor que é exibida o nome do item de menu;
- Bg (Background) - a cor de fundo do botão;
- Contorno - a cor e efeito ao redor do botão.
4Para definir as cores, você pode usar os recursos:
- A) Área de seleção de cor principal (quadrado grande no centro) - clique e arraste o círculo branco para clarear, escurecer ou ajustar a intensidade da cor - O fundo desse quadrado muda com base na barra de cor ao lado (vertical);
- B) Barra vertical de cores (à direita) - para escolher a cor base (vermelho, verde, azul, etc.). Serve para trocar rapidamente entre tonalidades, como de amarelo para azul - Depois de escolher aqui, você refina no quadrado ao lado;
- C) Paleta de cores pré-definidas (parte inferior) - São cores rápidas ou usadas recentemente. Clique na que deseja para aplicar rapidamente ao seu elemento;
- D) Campo de cor em hexadecimal - você pode colar o código da cor - Por exemplo: #ffffff para branco, #000000 para preto.
5Para configurar a aba "Contorno", tem alguns recursos distintos:
A) Tipo de contorno (ícone no canto superior esquerdo do quadrado grande) - escolha entre sólido, tracejado, pontilhado, entre outros;
B) Tamanho do contorno - defina a espessura da borda. Você pode aumentar ou diminuir para deixar o contorno mais fino ou mais grosso.
6Para salvar as alterações, clique em Atualização
Definir o estilo - Preenchimento e contorno do item de menu
1Na "Barra de ferramentas”, clique no ícone de engrenagem (Configurações)
2Em “Estilo”, na seção “Preenchimento” e “Canto”, clique no botão branco e arraste na barra até chegar na opção que deseja
3Para salvar as alterações, clique em Atualização
Editar a página do item de menu
1Na "Barra de ferramentas”, clique no ícone com lápis (Editar página)
2Na página que abrir, faça as edições necessárias
3Para salvar as alterações, clique em Atualização
Incluir um novo item ao menu principal
1No menu lateral, clique no ícone de três linhas (CMS)
2Em seguida, clique em Menus
3Caso tenha mais de um menu criado, no campo “Crie ou selecione um menu”, clique no que deseja editar
4No menu lateral, selecione os itens que deseja incluir no menu
5Em seguida, clique em Adicionar ao menu
6No item adicionado, clique no ícone de engrenagem (Configurações)
7Em seguida, defina:
- A) Rótulo de navegação - caso deseje alterar o nome do item de menu ou adicionar um complemento, pode incluir neste campo;
- B) Definir como página inicial - marque essa opção caso deseje que essa página seja a primeira a aparecer quando alguém acessar o site;
- C) Abrir em uma nova guia - defina se ao clicar neste item de menu, será exibido diretamente na página do site ou em uma nova guia do navegador.
8Para definir a ordem de exibição, clique, arraste e solte na posição que deseja
9Caso queira que este novo item seja um submenu, clique e arraste para a direita - Ele deve ficar com um recuo
10Para concluir, clique em Salvar alterações
Remover um item do menu principal
1No menu lateral, clique no ícone de três linhas (CMS)
2Em seguida, clique em Menus
3Caso tenha mais de um menu criado, no campo “Crie ou selecione um menu”, clique no que contém o item que deseja excluir
4Para remover o item de menu, clique no ícone de X (Remover)
5Para concluir, clique em Salvar alterações
Excluir um menu principal
Essa ação remove todo o menu principal, incluindo todos os itens que ele contém - Após excluir e salvar, não é possível voltar e restaurar.
O procedimento é o mesmo tanto para os menus disponibilizados no layout do site, quanto os menus que adicionou.
1No menu que deseja remover, passe o cursor do mouse e na margem que será exibida, no canto superior direito, clique no ícone de seta
2Na barra de ferramentas que abrir, clique no ícone de lixeira (Excluir)
3Para salvar as alterações, clique em Atualização