Menus – Criar e Gerenciar Menus de Navegação do Site

O que é a seção Menus?

A seção Menus (?page=menus) permite criar e gerenciar todos os menus de navegação do site da rádio. O sistema suporta três posições de menu: cabeçalho (header), rodapé (footer) e menu mobile. O administrador pode selecionar qual menu deseja editar, adicionar itens como páginas ou links personalizados, reordenar os itens arrastando-os e definir onde cada menu será exibido no site.

Tela principal de Menus

Selecionar e Criar Menus

No topo da página há um dropdown “Selecione um menu para editar” que lista todos os menus criados, e um link “criar um novo menu” para criar um menu do zero. Ao clicar neste link, o painel direito exibe apenas o campo “Nome do menu” vazio para que o administrador defina o nome e salve antes de adicionar itens.

Dropdown com os 3 tipos de menu disponíveis

O sistema já possui por padrão três menus pré-configurados:

  • Menu Mobile (mobile): Menu exibido em dispositivos móveis, acessível pelo ícone de hamburguer.
  • Menu Principal (header): Menu exibido no cabeçalho do site em telas desktop.
  • Rodapé (footer): Menu exibido na parte inferior do site.

Adicionar Itens ao Menu

O painel esquerdo “Adicionar itens no menu” lista todas as páginas disponíveis no sistema. Para adicionar uma ou mais páginas ao menu:

Adicionar itens e estrutura do menu

  • Marque o checkbox ao lado da página desejada (ou use “Selecionar todos” para marcar todas de uma vez).
  • Clique no botão laranja “Adicionar ao menu” para mover os itens selecionados para a estrutura do menu.
  • Use a aba Pesquisar para encontrar páginas pelo nome rapidamente.

Além das páginas, a seção Links Personalizados permite adicionar qualquer URL externa ou interna ao menu, definindo a URL e o texto que aparecerá no menu.

Editar Itens do Menu

No painel direito “Estrutura do menu”, cada item pode ser expandido clicando na seta (▼) do lado direito para revelar as opções de configuração individuais:

Item do menu expandido e Links Personalizados

  • Rótulo de navegação: O texto que será exibido no menu. Por padrão usa o nome da página, mas pode ser personalizado (ex.: trocar “Sobre nós” por “Quem somos”).
  • URL: O link de destino do item. Pode ser editado livremente para apontar para qualquer endereço.
  • Abrir em nova aba: Checkbox opcional. Quando marcado, o link abre em uma nova janela/aba do navegador.
  • Remover: Remove o item permanentemente do menu.
  • Cancelar: Descarta as alterações feitas no item.
  • Salvar: Salva as alterações do item individual.

Para reordenar os itens do menu, basta arrastar pelo ícone de grade (☰☰) no canto esquerdo de cada item e soltá-lo na posição desejada. A ordem visual reflete diretamente a ordem de exibição no site.

Para remover vários itens de uma vez, marque o checkbox “Seleção em massa”, selecione os itens e remova-os em lote.

Configurações do Menu (Posição de Exibição)

Ao final do painel de estrutura, a seção “Configurações do menu” permite definir em qual posição o menu será exibido no site:

Configurações do menu com posição de exibição

  • Menu Principal (Header): O menu é exibido no cabeçalho do site (navegação principal desktop).
  • Menu do Rodapé: O menu é exibido na parte inferior do site.
  • Nenhum (Apenas salvo): O menu é salvo no sistema mas não exibido em nenhuma posição (útil para manter menus de reserva).

Após definir a posição, clique em “Salvar menu” para aplicar todas as alterações. O botão “Excluir menu” remove permanentemente o menu selecionado e todos os seus itens.

Dicas importantes

  • Cada posição (Header, Rodapé, Mobile) só pode ter um menu ativo por vez. Ao atribuir um novo menu a uma posição, o anterior é desvinculado automaticamente.
  • O Menu Mobile é independente do Menu Principal — isso permite ter um menu simplificado para celulares com apenas as páginas mais importantes.
  • Use Links Personalizados para adicionar links externos, como redes sociais ou aplicativos de streaming.
  • O Rótulo de navegação de cada item é independente do nome da página — você pode deixar o título interno da página longo e usar uma versão curta no menu.
  • Lembre-se sempre de clicar em “Salvar menu” após qualquer alteração para que as mudanças sejam aplicadas ao site.
Post anterior
Próximo post

A solução perfeita para seu negócio online,
com um time experiente e fissurado por
tecnologia. Prontos para lhe ajudar
atendendo sua necessidade!

  • Fora do ar?

    Verifique rapidamente se o seu site está indisponível e identifique possíveis falhas de acesso.

  • Qual é meu IP?

    Descubra seu endereço IP atual de forma simples, útil para configurações e liberações de acesso.

  • Velocidade da minha internet

    Teste sua conexão e confira a velocidade de download, upload e latência em tempo real.

  • Uptime em tempo real

    Acompanhe a disponibilidade do seu site ou serviço com monitoramento contínuo e preciso.

© 2024 Direitos reservados – CNPJ: 35.883.737/0001-84