<!-- scripts adicionados pelo FULL.code --> <script> (function(d,t) { var BASE_URL="https://app.botlevel.com.br"; var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.src=BASE_URL+"/packs/js/sdk.js"; g.defer = true; g.async = true; s.parentNode.insertBefore(g,s); g.onload=function(){ window.chatwootSDK.run({ websiteToken: 'sNKo1Hqv1myPwRpmruqQrXmd', baseUrl: BASE_URL }) } })(document,"script"); </script> <!-- /scripts adicionados pelo FULL.code -->

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

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

O 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 suspensas e muito mais.

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

Como adicionar 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. Eles geralmente são apresentados como uma barra horizontal de links na parte superior de cada página de um site.

Os menus de navegação fornecem a estrutura do seu site e ajudam os visitantes a encontrar o que estão procurando. Veja como o menu de navegação fica no WPBeginner:

O menu de navegação WPBeginner

O WordPress torna muito fácil adicionar menus e submenus. Você pode adicionar links para suas páginas , categorias ou tópicos mais importantes, postagens de blog e até links personalizados, como seu perfil de mídia social.

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

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 um menu de navegação móvel também.

Vídeo tutorial

Inscreva-se no WPBeginner

Se preferir instruções escritas, continue lendo.

Criando seu primeiro menu de navegação personalizado

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

Criando um menu no WordPress

Primeiro, você precisa fornecer um nome para seu menu, como ‘Menu de navegação superior’ e, em seguida, clicar no botão ‘Criar menu’. Isso expandirá a área do menu e ficará assim:

Um menu recém-criado no WordPress

Em seguida, 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 selecionar páginas específicas na coluna da esquerda.

Primeiro, clique na guia ‘Visualizar 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, em seguida, clique no botão ‘Adicionar ao menu’.

Adicionando itens ao menu de navegação

Depois que suas páginas forem adicionadas, você poderá movê-las arrastando e soltando-as.

Arrastar e soltar um item para movê-lo no menu

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

A maioria dos temas tem vários locais diferentes onde você pode colocar menus. Neste exemplo, estamos usando o tema padrão de 2020, que possui 5 locais diferentes.

Após adicionar páginas ao menu, selecione o local onde deseja exibir o menu e clique no botão ‘Salvar menu’.

Selecionando o local de exibição do seu menu

Dica: se você não tiver certeza de onde fica cada local, tente salvar o menu em lugares diferentes e, em seguida, visite seu site para ver como fica. Você provavelmente não desejará usar todos os locais, mas talvez queira usar mais de um.

Aqui está nosso menu finalizado no site:

Menu de navegação ao vivo concluído

Criando menus suspensos no WordPress

Os menus suspensos, às vezes chamados de menus aninhados, são menus de navegação com itens de menu pai e filho. Quando você passa o cursor sobre um item pai, todos os itens filho aparecerão abaixo dele em um submenu.

Para criar um submenu, arraste um item abaixo do item pai e arraste-o levemente para a direita. Fizemos isso com 3 subitens abaixo de ‘Serviços’ em nosso menu:

Adicionar itens de menu como um sub-homem

Aqui está o submenu ao vivo no site:

Um submenu suspenso na navegação do site

Você pode até adicionar várias camadas de menu suspenso, para que seu submenu possa ter um submenu. Isso pode acabar ficando um pouco confuso, 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’) possui dois itens filhos próprios.

Um menu suspenso aninhado

Adicionando categorias aos menus do WordPress

Se você estiver usando o WordPress para executar um blog, convém adicionar as categorias do seu blog como um menu suspenso no menu do WordPress. Fazemos isso no WPBeginner:

O menu WPBeginner mostrando as categorias suspensas

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

Basta selecionar as categorias que deseja adicionar ao menu e clicar no botão ‘Adicionar ao menu’.

Adicionando categorias ao seu menu

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

Colocando as categorias no item de menu 'Blog'

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

Adicionando links personalizados aos menus de navegação do WordPress

Além de categorias e páginas, o WordPress também torna super fácil adicionar links personalizados ao seu menu. Você pode usá-lo para vincular seus perfis de mídia social, sua loja online e/ou outros sites de sua propriedade.

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

Adicionando um link personalizado para o Twitter ao menu

Você pode até ser criativo e adicionar ícones de mídia social em seu menu .

cardápio de redes sociais

Editando ou removendo 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.

Qualquer item de menu pode ser editado clicando na seta para baixo ao lado dele.

Expandindo um item de menu para editar seu nome

Você pode alterar o nome do item de menu aqui. Também é aqui que você pode clicar em ‘Remover’ para remover o link do seu menu.

Se você está tendo problemas com a interface de arrastar e soltar, você também pode mover o item de menu clicando no link ‘Mover’ apropriado.

Adicionando menus do WordPress em barras laterais e rodapés

Você não precisa se limitar apenas 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é.

Basta acessar Aparência » Widgets e adicionar o widget ‘Menu de navegação’ à sua barra lateral. Em seguida, adicione um título para o widget e escolha o menu correto na lista suspensa ‘Selecionar menu’.

Adicionando um menu como um widget de barra lateral

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

Exemplo de menu de rodapé do WordPress - Syed Balkhi

Indo além com os menus de navegação

Se você deseja criar um menu verdadeiramente épico com muitos links, temos um tutorial sobre como criar um mega menu no WordPress . Isso permite que você crie uma lista suspensa com muitos itens, incluindo imagens.

Pré-visualização do mega menu

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

Perguntas frequentes sobre os menus do WordPress

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

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

Para adicionar sua página inicial a um menu de navegação, você precisará clicar na guia “Visualizar tudo” em Páginas. A partir daí, você deve ver sua página inicial.

adicionar página inicial ao menu de navegação do WordPress

Marque a caixa ao lado de ‘Início’ e clique em ‘Adicionar ao menu’. Não se esqueça de salvar suas alterações.

2. Como 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 um dos locais de menu do seu tema ou a uma área de 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 guia ‘Gerenciar locais’.

gerenciar locais de menu no WordPress

A partir daqui, você pode selecionar qual menu deseja exibir nos locais de menu disponíveis em seu tema.

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

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

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook .

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

<div id="full-woo-orders-popup" class="full-woo-orders-popup full-social-proof-social bottom-left"> <span class="dismiss-woo-order-popup">×</span> <div class="full-woo-orders-popup-inner"></div> </div><template id="full-woo-orders-popup-template"> <div class="full-woo-orders-popup-inner"><div class="customer-information"><p><span data-fragment="customerFirstName"></span> de <span data-fragment="customerLocation"></span> comprou <strong data-fragment="product"></strong> </p></div><img src="" data-fragment="image"></div> </template> <div id="full-woo-visitors-popup" class="full-woo-orders-popup full-social-proof-social bottom-left"> <span class="dismiss-woo-order-popup">×</span> <div class="full-woo-orders-popup-inner"> <div class="customer-information"> <p><strong>38 pessoas visitaram</strong> este link nos últimos 5 minutos</p> </div> </div> </div>