Como adicionar um menu de navegação no WordPress (Guia do Iniciante)

Nov 20, 2021
admin

Deseja adicionar um menu de navegação ao seu site WordPress?

WordPress vem com uma interface de menu de arrastar e soltar que você pode usar para criar menus de cabeçalho, menus com opções de arrastar e soltar, e mais.

Neste guia passo a passo, vamos mostrar como adicionar facilmente um menu de navegação no WordPress.

O que é um Menu de Navegação?

Um menu de navegação é uma lista de links que apontam para áreas importantes de um site. São normalmente apresentados como uma barra horizontal de links no topo de cada página de um website.

Menus de navegação dão estrutura ao seu site e ajudam os visitantes a encontrar o que estão procurando. Veja como fica o menu de navegação no WPBeginner:

WordPress torna realmente fácil adicionar menus e sub-menus. Você pode adicionar links para suas páginas, categorias ou tópicos mais importantes, posts em blogs e até mesmo links personalizados, como o seu perfil de mídia social.

A localização exata do seu menu dependerá do tema do seu WordPress. A maioria dos temas terá várias opções, portanto você pode criar menus diferentes que podem ser exibidos em lugares diferentes.

Por exemplo, a maioria dos temas do WordPress vem com um menu principal que aparece na parte superior. Alguns temas podem incluir um menu secundário, um menu de rodapé, ou também um menu de navegação móvel.

Video Tutorial

Subscrever para WPBeginner

Se preferir instruções escritas, continue lendo.

Criar seu primeiro menu de navegação personalizado

Para criar um menu de navegação, você precisa visitar a página Appearance ” Menus no seu painel de administração do WordPress.

>

Primeiro, você precisa fornecer um nome para o seu menu, como ‘Menu de Navegação Superior’ e depois clique no botão ‘Criar Menu’. Isto irá expandir a área do menu, e terá este aspecto:

Próximo, você pode escolher as páginas que deseja adicionar ao menu. Você pode adicionar automaticamente todas as novas páginas de nível superior, ou pode selecionar páginas específicas na coluna da esquerda.

Primeiro, clique no separador ‘Ver Tudo’ para ver todas as páginas do seu site. Depois disso, clique na caixa ao lado de cada uma das páginas que deseja adicionar ao seu menu, e depois clique no botão ‘Adicionar ao Menu’.

Após as páginas terem sido adicionadas, você pode movê-las arrastando e soltando-as.

Nota: Todos os menus têm os seus itens listados numa lista vertical (de cima para baixo) no editor de menus. Quando você coloca o menu ao vivo no seu site, ele será exibido vertical ou horizontalmente (da esquerda para a direita), dependendo do local que você selecionar.

Mais os temas têm vários locais diferentes onde você pode colocar menus. Neste exemplo, estamos usando o tema padrão 2020, que tem 5 locais diferentes.

Após adicionar páginas ao menu, selecione o local onde você quer exibir o menu e clique no botão ‘Save Menu’.

Tip: Se você não tiver certeza de onde cada local está, tente salvar o menu em locais diferentes, então visite o seu site para ver como ele fica. Você provavelmente não vai querer usar todos os locais, mas você pode querer usar mais de um.

Aqui está nosso menu final no site:

Criar menus drop-down no WordPress

Menus drop-down, às vezes chamados de menus aninhados, são menus de navegação com itens de menu dos pais e filhos. Quando você passar o cursor sobre um item pai, todos os itens filhos aparecerão abaixo dele em um submenu.

Para criar um submenu, arraste um item abaixo do item pai e, em seguida, arraste-o ligeiramente para a direita. Nós fizemos isso com 3 subitens abaixo de ‘Serviços’ em nosso menu:

>

Here o sub-menu ao vivo no site:

>

Você pode até adicionar várias camadas de dropdown, para que o seu sub menu possa ter um sub menu. Isso pode acabar ficando um pouco desorganizado, e muitos temas não suportam menus suspensos de várias camadas.

Neste exemplo, você pode ver que ‘Logo Design’ (um item filho de ‘Serviços’) tem dois itens filhos próprios.

Adicionando categorias aos menus do WordPress

Se você estiver usando o WordPress para rodar um blog, então você pode querer adicionar as categorias do seu blog como um menu suspenso no seu WordPress. Nós fazemos isso no WPBeginner:

Você pode facilmente adicionar categorias ao seu menu clicando na aba Categorias no lado esquerdo da tela de Menus. Você também pode precisar clicar na aba ‘Ver Tudo’ para ver todas as suas categorias.

Simplesmente selecione as categorias que você deseja adicionar ao menu, e então clique no botão ‘Adicionar ao Menu’.

>

As categorias aparecerão como itens regulares do menu na parte inferior do seu menu. Você pode arrastá-las e soltá-las na posição. Vamos colocar todas essas categorias no item do menu Blog.

Você quer ter uma página de blog no seu site que esteja separada da sua página inicial? Se sim, confira nosso tutorial sobre como criar uma página separada para posts de blog no WordPress.

Adicionando links personalizados para seus menus de navegação do WordPress

A parte das categorias e páginas, o WordPress também torna super fácil adicionar links personalizados para o seu menu. Você pode usá-lo para criar links para seus perfis de mídia social, sua loja online e/ou outros sites que você possui.

Você precisará usar a aba ‘Links Personalizados’ na tela do Menu. Basta adicionar o link junto com o texto que você deseja usar em seu menu.

>

Você pode até mesmo criar e adicionar ícones de redes sociais em seu menu.

Editar ou remover um item de menu nos menus de navegação do WordPress

Quando você adiciona páginas ou categorias ao seu menu de navegação personalizado, o WordPress usa o título da página ou o nome da categoria como texto do link. Você pode alterar isso se quiser.

Any item de menu pode ser editado clicando na seta para baixo próxima a ele.

Pode alterar o nome do item de menu aqui. Aqui também é onde você pode clicar em ‘Remove’ para tirar o link do seu menu completamente.

Se você estiver lutando com a interface de arrastar e soltar, então você também pode mover o item do menu clicando no link ‘Move’ apropriado.

Adicionando Menus WordPress em barras laterais e rodapés

Você não precisa apenas se ater aos locais de exibição do seu tema. Você pode adicionar menus de navegação em qualquer área que use widgets, como sua barra lateral ou rodapé.

Simplesmente vá para Aparência ” Widgets e adicione o widget ‘Menu de Navegação’ à sua barra lateral. Em seguida, adicione um título para o widget e escolha o menu correto a partir da lista suspensa ‘Select Menu’.

Aqui está um exemplo de um menu de rodapé personalizado do WordPress construído no site da Syed Balkhi.

>

Ir mais longe com Menus de Navegação

Se você quiser criar um menu verdadeiramente épico com muitos links, nós temos um tutorial de como criar um mega menu no WordPress. Isso permite que você crie um drop-down com muitos itens, incluindo imagens.

Mega menus são uma ótima opção se você tiver um site grande, como uma loja online ou um site de notícias. Este tipo de menu é usado por sites como Reuters, Buzzfeed, Starbucks, etc.

FAQs Sobre Menus WordPress

Aqui estão algumas das perguntas mais comuns que ouvimos de iniciantes sobre os menus de navegação do WordPress.

1. Como eu adiciono um link de página inicial a um menu WordPress?

Para adicionar sua página inicial a um menu de navegação, você precisará clicar na guia ‘Ver Tudo’ em Páginas. A partir daí, você deverá ver sua página inicial.

Cheque a caixa ao lado de ‘Home’ e clique em ‘Adicionar ao Menu’. Não se esqueça de salvar suas alterações.

2. Como eu adiciono vários menus de navegação no WordPress?

No WordPress, você pode criar quantos menus quiser. Para colocar um menu em seu site, você precisará adicioná-lo a uma das localizações de menu do seu tema, ou a uma área widget como mostramos acima.

Para adicionar vários menus de navegação ao seu site WordPress, primeiro crie os menus seguindo nosso tutorial acima.

Para colocá-los em seu site, clique na aba ‘Gerenciar Locais’.

Daqui, você pode selecionar qual menu você gostaria de exibir nos locais do menu que estão disponíveis em seu tema.

Se você quiser adicionar um novo local de menu ao seu site, veja nosso tutorial sobre como adicionar menus de navegação personalizados aos temas do WordPress.

Esperamos que este artigo o tenha ajudado a aprender como adicionar um menu de navegação no WordPress. Você também pode querer conferir nossos guias sobre como estilizar menus de navegação no WordPress e como criar um menu de navegação flutuante no WordPress.

Se você gostou deste artigo, então inscreva-se no nosso Canal YouTube para receber tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e Facebook.

Deixe uma resposta

O seu endereço de email não será publicado.