X

Supprimer toutes les classes et tous les identifiants du menu wp_nav_menu

Snippets by IsItWP

Voulez-vous supprimer toutes les classes et ID indésirables du menu de navigation de WordPress ? Il peut y avoir beaucoup de classes et d’ID qui peuvent entrer en conflit avec votre style. Nous avons créé un extrait de code rapide que vous pouvez utiliser pour supprimer toutes les classes et ID du wp_nav_menu à l’exception de la classe current-menu-item.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre 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')) : '';
}

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez vous référer à notre guide sur comment copier/coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : Comment créer un formulaire de contact sur WordPress et 27 meilleurs thèmes WordPress pour votre site web.

Commentaires   laisser une réponse

  1. How if i want to replace current-menu-item to active? thx

  2. thanks. but if there have custom css class then i want show that too. but rid of all other default class. any idea how

  3. 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

  4. 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

  5. should i put it under any functions? or i just paste the code on my functions.php?~~

  6. Electronics News octobre 7, 2011 à 11:03 am

    Thanks for sharing this coding, will try at once, nice idea…..

    1. Cool glad to help.

      1. 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

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi le gratuit !