post #375

Registrar e adicionar menu no Tema WordPress

Publicado em: 25/03/2020 / Atualizado em: 19/12/2021

Categorias: BlogWordpressWordpress Template

No WordPress você pode adicionar quantos menus você quiser, e gerenciar todos via painel admin.

Sendo assim fica muito fácil para gerenciar os links no WordPress.

1° Para criar seu primeiro (ou segundo, terceiro, etc) menu adicione o código do wordpress na pagina que você quer exibir o menu (de preferencia no header ou footer do site):

<?php wp_nav_menu(array(
    'theme_location' => 'menu-principal',
)) ?>

Substitua o menu-principal por qualquer nome que quiser, pois o valor theme_location é para designar a localização do menu no painel, para facilitar a identificação.

OBS: o valor theme_location deve ser único.

Você pode também adicionar um class de CSS customizada para o wordpress carregar junto com o menu, ele vai carregar na tag ul do menu.

Como por exemplo:

<?php wp_nav_menu(array(
   'theme_location' => 'menu-principal',
   'container_class' => '{CLASS CONTAINER TAG DIV}',
   'menu_class' => '{CLASS DA TAG UL}',
)) ?>

2° Adicione a função que registra o menu no arquivo functions.php do seu tema.

function registrar_menu_principal() {
  register_nav_menu( 'menu-principal', 'Menu Principal' );
}
add_action('after_setup_theme', 'registrar_menu_principal');

PRONTO!

Agora é só ir no painel do wordpress > aparencia > menu e criar e gerenciar.

Você pode repetir esse processo quantas vezes quiser, e criar quantos menus você quiser.

Apenas troque a variável menu-principal que adicionei nesta postagem nas duas etapas pelo nome que quiser e pronto.

Função: wp_nav_menu();

Link da documentação completa:
https://developer.wordpress.org/reference/functions/wp_nav_menu/

Veja também: Adicionar CLASS customizada no LI do menu WordPress

Publicações recomendadas:

Inscreva-se em Nossa News:

Seja notificando sempre que tiver conteúdo novo disponível no meu canal do Youtube ou artigo no meu Blog.

Bruno Devs News

Link Curto para Compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/375

ID de Referência: 375

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato