X

Como personalizar o menu de navegação no WordPress com wp_nav_menu

Snippets por IsItWP

Quer personalizar seu menu de navegação no WordPress adicionando uma classe personalizada ao wp_nav_menu? É fácil com nosso trecho de código. Neste artigo, mostraremos como adicionar uma classe personalizada ao wp_nav_menu.

Instruções:

Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou a um plugin específico do site:

function custom_nav_class($classes, $item){
     $classes[] = “custom-class”;
     return $classes;
}
add_filter(‘nav_menu_css_class’ , ‘custom_nav_class’ , 10 , 2);

Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar / colar trechos de código corretamente no WordPress, para não quebrar acidentalmente seu site.

Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: 62 melhores temas gratuitos de blog do WordPress ou 7 melhores plugins de formulário de contato do WordPress.

Comentários   Deixe uma resposta

  1. Wordpress Themes August 20, 2012 at 12:24 pm

    Trecho legal.
    Obrigado pela dica.

  2. Anton Samper Rivaya July 16, 2011 at 5:10 am

    Olá Kevin,  estou pesquisando como adicionar automaticamente filhos a páginas pai no menu do WP. Você sabe se existe um trecho rápido que podemos adicionar ao functions.php para fazer isso acontecer?

    1. Hmmm, eu teria que pensar um pouco sobre isso, nada que eu possa pensar de imediato. Vou colocar isso na minha lista de trechos para escrever para o wpsnipp. Se eu encontrar algo, com certeza te enviarei uma mensagem. 

      1. Anton Samper Rivaya July 16, 2011 at 11:53 pm

        Obrigado Kevin, me avise se você descobrir algo.

        1. Sem problemas, farei isso.

        2. Sem problemas, farei isso.

  3. Olá. Como criar um “mega menu”? Isso tem um filtro específico, mas não sei como fazer. Obrigado.

    1. Suponho que você queira dizer este tipo de menu?
      http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/

      Se sim, encontrei alguns plugins
      http://wordpress.org/extend/plugins/jquery-mega-menu/

Adicionar um comentário

Ficamos felizes que você tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Checklist de Lançamento WordPress

O Checklist Definitivo para Lançamento de WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento do seu próximo site WordPress em um e-book prático.
Sim, envie-me o eBook Gratuito!