
WordPress
Lecture 3 minutes • 5 avril 2020
Bootstrap Navwalker est depuis des années un grand classique pour les développeurs de thème WordPress.
Pour un site qui propose un menu avec plusieurs niveaux, menu et sous-menu, il présente néanmoins un défaut bloquant : les liens de premier niveau, aussi appelés éléments parents, ne sont pas cliquables.
Voici comment résoudre ce problème.
Télécharger et installer Bootstrap Navwalker
Commencez par télécharger et intégrer Bootstrap Navwalker dans votre thème WordPress en suivant les explications sur le GitHub de l'auteur : https://github.com/twittem/wp-bootstrap-navwalker
Rendre cliquable le lien de menu parent dépliable
Ajoutez la bonne URL au lien en changeant la ligne 188 du fichier wp-bootstrap-navwalker.php en modifiant :
et remplacez pour obtenir :
modifiez également la ligne 189 :
en remplaçant par :
Ajoutez ensuite ceci à votre fichier CSS afin d'afficher le sous-menu au survol de l'élément parent uniquement sur les écrans supérieurs à égaux à 992px (ordinateurs) :
Ce code en jQuery permet de rendre les liens parents non cliquables uniquement sur les appareils mobiles : tablettes et smartphones. Ajoutez le à votre fichier JavaScript.
Choisissez plutôt ce code jQuery si vous souhaitez tout de même conserver les liens parents cliquables sur les appareils mobiles : tablettes et smartphone.
Et c'est gagné !
Si cet article vous a aidé, lâchez votre plus bel applaudissement en remerciement ! 🤗