Menu de navegação

O menu de navegação é a fileira de links no topo de cada página do seu site público. Você constrói em Construtor de site → Settings → Navigation. Os mesmos itens aparecem na barra do cabeçalho no desktop e dentro da gaveta hambúrguer no mobile — você não mantém dois menus.

Como funcionam os itens

Cada linha é um link. Você dá a ele um rótulo (o que os visitantes veem), escolhe um tipo de link (para onde vai) e opcionalmente marca "abrir em nova aba". Arraste a alça à esquerda para reordenar — a ordem no editor é a ordem no menu.

Não há intervalo entre salvar e publicar aqui: as mudanças vão ao ar no momento em que você clica em Save navigation lá embaixo. Se o seu site está publicado, os visitantes veem o novo menu no próximo carregamento.

TIP

Não tente enfiar tudo. Cinco a sete itens de primeiro nível é o ponto certo para a maioria dos sites de igreja. Empurre destinos secundários (Doar, Contato, links sociais) para o rodapé ou para um botão CTA em vez do menu principal.

Tipos de link

O dropdown ao lado de cada rótulo tem três opções.

Link de página

Escolha num dropdown das suas páginas de site publicadas. Esta é a escolha certa para qualquer coisa que você construiu na aba Pages — Sobre, Ministérios, Contato, No que cremos, etc.

Algumas coisas para saber:

• O dropdown só mostra páginas publicadas. Rascunhos não aparecem — linke depois de publicar.
• Se você excluir a página depois, o item de menu fica mas o link cai em 404. Ou tire o item de menu, ou aponte para outro lugar.
• O título da página e o rótulo do menu são separados — você pode chamar uma página de "No que cremos" na própria página, mas usar "Crenças" como rótulo de menu para economizar espaço.

Página especial

Uma pequena lista fixa de rotas que existem automaticamente em todos os sites porque são orientadas a dados, não criadas pelo usuário:

• /blog — o índice do blog.
• /sermons — o índice de sermões.
• /visitor — o formulário de visitante.
• /give — o formulário de doação.

Estas não são páginas que você pode editar na aba Pages — são superfícies dos dados que você publica na aba Content e no resto do GCM. O tipo de link página-especial só as adiciona ao seu menu.

URL personalizada

Um campo livre para qualquer outra coisa. Três usos comuns:

• URLs externas — https://youtube.com/@suaigreja, https://podcasts.apple.com/.... O editor mostra um badge "externo" quando detecta http:// ou https://. Links externos por padrão abrem na mesma aba, a menos que você marque "abrir em nova aba" — para destinos externos, você quase sempre quer a opção de nova aba ligada.
• Âncoras internas — #service-times para pular para o ID de uma seção na página atual. Útil para sites estilo página-única.
• Rotas internas — /contact se você prefere fixar o caminho no código em vez de escolher pelo dropdown (raro, mas às vezes útil em migrações).

O editor valida que algo está preenchido — se o campo está vazio, você vê um aviso vermelho Link inválido e não conseguirá salvar até corrigir.

Reordenando

Pegue a alça à esquerda de qualquer linha e arraste para cima ou para baixo. A lista se reorganiza instantaneamente. A ordem é persistida em sort_order em cada item, então fica entre carregamentos. Não há campo separado de "ordem de classificação" para gerenciar manualmente.

A ordem neste editor é a ordem que os visitantes veem no menu, de cima para baixo no mobile e da esquerda para a direita no desktop.

Abrir em nova aba

Marque a caixa "abrir em nova aba" para qualquer link em que você não queira que os visitantes deixem seu site. A caixa só aparece para os tipos Página especial e URL personalizada — links de Página sempre abrem na mesma aba porque eles ficam no seu site.

Removendo um item

Clique no X no lado direito da linha. O item desaparece do editor imediatamente, e é removido do banco de dados quando você clica em Save navigation.

WARNING

Se você remove um item de menu antes de salvar, a mudança não é persistida. O mesmo para readicionar — adições não são salvas até você clicar em Save navigation.

Dropdowns (menus aninhados)

O editor atual é uma lista plana — cada item é um link de primeiro nível, sem subitens aninhados. Menus dropdown estão no roadmap. Por enquanto, o padrão que funciona é:

• Use uma única página principal (/ministerios) e linke para ela.
• Na página principal, coloque um bloco Grid ou Columns com cartões linkando para as páginas-filhas (/ministerios/jovens, /ministerios/louvor).
• Mantenha a nav do topo limpa.

Isso espelha como a maioria dos sites de igreja é estruturada de qualquer jeito — visitantes não passam o mouse em dropdowns de forma confiável, especialmente em celulares.

Menu mobile

Em telas abaixo de uns 768 px, o cabeçalho colapsa num ícone hambúrguer. Tocar nele desliza uma gaveta de altura total com os mesmos itens na mesma ordem. Não há nada para configurar separadamente — o comportamento mobile é automático.

Algumas coisas que vale saber sobre a gaveta mobile:

• Tocar num link fecha a gaveta e navega.
• Tocar fora da gaveta (ou o X de fechar) dispensa sem navegar.
• A gaveta respeita as cores do seu tema — fundo, texto, cor de link, tudo é transferido.

Se o seu menu tem mais de 8 itens, a gaveta rola. Não há agrupamento aninhado na gaveta também — é a mesma lista plana do desktop.

Links do rodapé

O rodapé tem sua própria lista de links, configurada em Settings → Header & Footer, não aqui. O rodapé é o lugar certo para links secundários — política de privacidade, termos, portal do doador, "voltar ao topo". A navegação principal deve ficar focada nos destinos que geram engajamento.

Veja também: Criando uma página, Publicação + rascunhos, Catálogo de blocos.