O bloco de navegação exibe o menu do site para os visitantes navegarem pelas páginas. Neste guia, você aprenderá a adicionar e personalizar o bloco de navegação.
Neste guia
Em geral, o bloco de navegação é adicionado aos modelos do site, mais comumente no cabeçalho ou rodapé.
Para adicionar um bloco de navegação, siga estas etapas:
- Acesse o painel do seu site.
- Vá para Aparência → Editor.
- Clique na visualização da página inicial no lado direito para editar essa página. Se preferir, selecione o modelo ou parte de modelo em que o menu de navegação será exibido (como o cabeçalho).
- Clique no ícone de inserção de blocos (+) e pesquise “navegação”.
- Clique no bloco de navegação para adicionar ao site.
Você encontra instruções detalhadas sobre como adicionar blocos neste link.
Quando você adiciona um bloco de navegação pela primeira vez, ele exibe o menu do seu site. Se você ainda não criou um menu personalizado, um bloco de lista de páginas será incluído automaticamente. Ele exibirá todas as páginas publicadas e será atualizado automaticamente quando outras forem publicadas.
Para personalizar as páginas que aparecem, adicionar links personalizados e alterar a ordem dos itens de menu, primeiro você precisará converter o bloco de lista de páginas em links individuais.
Siga estas etapas para converter o bloco de lista de páginas:
- Use a visualização em lista para navegar até o bloco de lista de páginas dentro do bloco de navegação.
- Clique no botão Editar na barra de ferramentas do bloco:
- Um aviso será mostrado para informar que a lista de páginas não será mais atualizada automaticamente. Clique em Editar para confirmar.
Agora você poderá adicionar novos links e páginas, remover itens de menu e reorganizar os links no menu.
Para modificar links específicos no bloco de navegação, siga estas etapas:
- Use a visualização em lista para navegar até o link que você quer personalizar no bloco de navegação.
- Na barra lateral de configurações do bloco, é possível modificar:
- Texto: altere o texto que aparece no menu de navegação.
- Link: atualize a URL ou página de destino.
- Abrir em uma nova guia: marque a caixa para abrir o link em uma nova guia.
- Descrição: adicione o texto que vai aparecer caso seu tema aceite descrições de link.
- Atributo rel: defina relacionamentos como “nofollow” para fins de SEO.
- Estilos: clique na guia de estilos para alterar o tamanho da fonte e outras definições de tipografia.
- Na barra de ferramentas do bloco, é possível:
- Alterar o link: clique no ícone do link para modificar a URL ou a defina para abrir em uma nova guia.
- Adicionar formatação: use negrito, itálico ou outras opções de formatação de texto.
- Adicionar submenu: clique no ícone do submenu para criar um menu suspenso.
- Mover o link: use as setas para esquerda/direita para reposicionar o link dentro do menu.
Para ver mais detalhes sobre como gerenciar itens de menu, consulte Editar itens de menu.
Se você criou mais de um menu, é possível escolher um diferente para o bloco de navegação.
Siga estas etapas:
- Use a visualização em lista para selecionar o bloco de navegação.
- Na barra lateral de configurações do bloco, clique em (⋮) ao lado do Menu.
- Escolha uma das seguintes opções:
- Menus: escolha um dos menus que você já criou.
- Importar menus clássicos: converta um menu clássico do WordPress para usar com o editor de blocos. Essa opção só estará disponível se você tiver menus clássicos do WordPress para converter.
- Criar novo menu: comece do zero com um menu completamente novo.
Para ver detalhes sobre o gerenciamento de menus, consulte nossos guias sobre como adicionar links, criar menus suspensose reorganizar itens.
Para personalizar como o bloco de navegação é exibido para os visitantes, siga estas etapas:
- Use a visualização em lista para selecionar o bloco de navegação.
- Na barra lateral de configurações do bloco, clique no ícone de configurações.
- Ajuste as configurações de layout:
- Justificação: escolha esquerda, centralizada, direita ou com espaço uniforme entre os itens.
- Orientação: selecione o layout horizontal (padrão) ou vertical do menu.
- Permita a quebra em várias linhas: desative para manter a navegação em uma única linha.
- Defina as configurações de exibição:
- Mostrar botão de ícone: ative para exibir um ícone de hambúrguer ou desative para mostrar o texto “Menu”.
- Ícone: escolha entre duas ou três linhas horizontais no ícone de hambúrguer.
- Menu de sobreposição: selecione Desativado, Móvel (padrão) ou Sempre para controlar quando o menu se torna uma sobreposição. Crie um modelo de sobreposição para personalizar a aparência da sobreposição de menu móvel.
- Se você tem submenus, ajuste o comportamento do Submenu:
- Abrir ao clicar: ative para abrir ao clicar ou desative para abrir ao passar o mouse.
- Mostrar seta: ative para exibir setas que indicam a presença de submenu.
Para conferir mais opções de personalização de menu, consulte Personalizar o design do menu.
Para personalizar a aparência visual do bloco de navegação, siga estas etapas:
- Use a visualização em lista para selecionar o bloco de navegação.
- Na barra lateral de configurações do bloco, clique no ícone Estilos.
- Personalize a aparência usando:
- Configurações de cor: altere as cores do texto, plano de fundo e link.
- Configurações de tipografia: ajuste a família, o tamanho e o peso da fonte.
- Configurações de dimensões: controle o preenchimento, as margens e o espaçamento.
Para conferir mais opções de estilo de menu, consulte Personalizar o design do menu.
Suporte 