Você quer remover todas as classes e IDs indesejadas do menu de navegação do WordPress? Pode haver muitas classes e IDs que podem conflitar com a estilização que você precisa. Criamos um snippet 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 este código ao arquivo functions.php do seu tema ou a um plugin 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 snippets de código no WordPress, consulte nosso guia sobre como copiar / colar snippets de código corretamente no WordPress, para não quebrar acidentalmente seu site.
Se você gostou deste snippet de código, considere conferir nossos outros artigos no site, como: Como criar um formulário de contato no WordPress e 27 melhores temas de negócios para WordPress para o seu site.
E se eu quiser substituir current-menu-item por active? Obrigado
Obrigado. Mas se houver uma classe CSS personalizada, eu quero que ela apareça também. Mas me livrar de todas as outras classes padrão. Alguma ideia?
isso torna as classes personalizadas que você pode adicionar através do backend de menus inúteis (elas são armazenadas como post meta associadas ao item do menu), então você também tem que mesclar essas no array retornado se quiser usá-las
isso torna as classes personalizadas que você pode adicionar através do backend de menus inúteis (elas são armazenadas como post meta associadas ao item do menu), então você também tem que mesclar essas no array retornado se quiser usá-las
Devo colocar isso em alguma função? Ou apenas colo o código no meu functions.php?~~
Obrigado por compartilhar este código, vou tentar imediatamente, boa ideia…..
Legal, fico feliz em ajudar.
Como você faria para que um dos elementos li tivesse um ID? Tipo, você teria uma lista ul de 6 links, por exemplo, e um deles (o primeiro, para fins de argumento) seria, sei lá, com o id 'login'?
Assim:
Entrar
Continue com o resto
Seria interessante saber