Deseja remover todas as classes e IDs indesejadas do menu de navegação do WordPress? Pode haver muitas classes e IDs que podem entrar em conflito com seu estilo necessário. Criamos um trecho de código rápido que você pode usar para remover todas as classes e IDs do wp_nav_menu, exceto a classe current-menu-item.
Instruções:
Tudo o que você precisa fazer é adicionar esse código ao arquivo functions.php do seu tema ou em um plug-in específico do site:
add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1);
add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1);
add_filter('page_css_class', 'my_css_attributes_filter', 100, 1);
function my_css_attributes_filter($var) {
return is_array($var) ? array_intersect($var, array('current-menu-item')) : '';
}
Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar/colar corretamente trechos de código no WordPress, para não danificar seu site acidentalmente.
Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: Como criar um formulário de contato no WordPress e 27 melhores temas de negócios do WordPress para o seu site.
How if i want to replace current-menu-item to active? thx
thanks. but if there have custom css class then i want show that too. but rid of all other default class. any idea how
this renders the custom classes that you can add via the menus backend useless (they are stored as post meta associated with the menu item), so you have to also merge those into the returned array if you want to use them
this renders the custom classes that you can add via the menus backend useless (they are stored as post meta associated with the menu item), so you have to also merge those into the returned array if you want to use them
should i put it under any functions? or i just paste the code on my functions.php?~~
Thanks for sharing this coding, will try at once, nice idea…..
Cool glad to help.
How would you go about making one of the li elements with an ID? Like I mean you’d have say a ul list of 6 links for example and one of them (the first one for arguments sake) would be oh I don’t know with the id ‘login’?
Like so:
Login
Carry on with the rest
Be interesting to know