Il nous est souvent demandé par nos utilisateurs s'il existe un moyen d'ajouter des titres au menu WordPress sans ajouter de lien.
Au fil des ans, nous avons aidé des milliers d'utilisateurs à démarrer avec WordPress. La configuration d'un menu est l'une des choses les plus importantes que vous puissiez faire lorsque vous démarrez un nouveau site Web.
Cependant, lors de la création d'un menu déroulant, vous voudrez peut-être ajouter un titre pour les sous-menus sans le lier à une page spécifique. De cette façon, vous garderez les visiteurs sur la même page.
Dans cet article, nous vous montrerons comment ajouter des titres au menu WordPress sans lier à une page.
Pourquoi ajouter des titres de menu sans lier à une page ?
WordPress offre plusieurs options pour personnaliser votre site Web, vous permettant d'atteindre votre public cible et d'offrir une expérience utilisateur exceptionnelle.
Pour offrir une expérience utilisateur fluide, votre site Web WordPress doit avoir un menu de navigation bien structuré. Il permet aux utilisateurs de trouver facilement du contenu et différentes pages sur votre site.
Lorsque vous ajoutez des titres de menu, WordPress exige par défaut que chaque menu ait un lien vers une page ou un lien personnalisé. Cependant, vous pourriez vouloir afficher un titre de menu mais ne pas lier à une page dans certaines situations.
Par exemple, vous pouvez avoir un menu déroulant de catégories où vous voulez que le texte du titre soit « catégories » pour le menu, mais vous n'avez pas besoin d'ajouter de lien. Lorsque les utilisateurs cliquent sur catégories, cela ouvrira simplement un sous-menu dans le menu déroulant.
Cela dit, voyons comment vous pouvez ajouter un titre au menu WordPress sans qu'il ne renvoie à une page.
Ajouter un titre de menu WordPress sans renvoyer à une page
La première chose à faire est d'ajouter un nouvel élément de menu à votre menu. Vous pouvez le faire en allant dans Apparence » Menus depuis votre panneau d'administration WordPress.
Remarque : Si vous ne voyez pas l'option Apparence » Menus, vous utilisez un thème de blocs, et ce tutoriel ne fonctionnera pas pour votre thème.
Ensuite, vous voudrez ajouter un lien personnalisé. Vous pouvez voir les options « Liens personnalisés » dans la section « Ajouter des éléments de menu ».
Si vous ne voyez pas « Liens personnalisés », cliquez simplement sur le bouton « Options de l'écran » dans le coin supérieur droit de l'écran. Ensuite, cochez la case « Liens personnalisés ».
Après cela, vous devrez entrer une étiquette ou un titre pour votre élément de menu.
Dans le champ URL, entrez le symbole dièse (#) et cliquez sur le bouton « Ajouter au menu ».
Votre élément de menu sera maintenant ajouté au menu WordPress.
Ensuite, vous devrez cliquer sur la flèche déroulante à côté de ce lien personnalisé pour modifier l'élément de menu. Allez-y et supprimez le signe dièse du champ URL et cliquez sur le bouton « Enregistrer le menu ».
Vous pouvez ajouter des sous-menus à cet élément de menu et les lier à n'importe quelle page ou entrer un lien personnalisé si vous le souhaitez.
Si vous avez besoin d'aide pour ajouter le menu à votre site, consultez notre guide sur comment ajouter un menu de navigation dans WordPress.
Maintenant, si vous allez sur votre blog WordPress, vous verrez un élément de menu sans lien.
Nous espérons que cet article vous a aidé à apprendre comment ajouter des titres au menu WordPress sans lier vers une page. Vous voudrez peut-être aussi consulter notre guide sur comment ajouter des icônes sociales au menu WordPress et comment ajouter une barre de recherche au menu WordPress.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Marit
Merci ! C'était exactement l'information dont j'avais besoin !
Ken
Exactement ce dont j'avais besoin.
Je me grattais la tête à me demander comment j'allais pouvoir faire ça.
Puis je suis tombé sur cet article, merci beaucoup.
Jon
Cela a très bien fonctionné, merci !
Petur Kirke
Un petit détail manque dans cet article.
Comment se débarrasser de la main (curseur : pointeur), ou est-ce seulement moi qui ai ce problème ?
Scot
J'ai utilisé ce type de lien personnalisé dans le niveau supérieur de mon menu principal, et cela fonctionne très bien sur le bureau. Mais sur les appareils mobiles, lorsque j'appuie sur le lien personnalisé, il n'ouvre pas les sous-menus en dessous, donc aucune de ces pages n'est disponible. Y a-t-il un moyen de résoudre ce problème ?
adnan
c'était utile merci
Hamba Allah
merci beaucoup :*
Luis Casanova
Merci !
Exactement ce dont j'avais besoin !
Steve
J'ai ajouté un titre à mon menu de site Web comme vous l'avez suggéré en utilisant la méthode #, mais j'ai dû le supprimer. Je l'ai fait dans le tableau de bord, mais il s'affiche toujours dans le menu principal de mon site et lorsqu'il est ouvert, il indique « page blanche » et qu'il n'est pas sécurisé. Comment le supprimer.
Support WPBeginner
Si vous utilisez un plugin de mise en cache, veuillez supprimer les fichiers mis en cache. Visitez également l'écran Menus pour vous assurer que vous avez supprimé l'élément de menu. N'oubliez pas de cliquer sur l'élément de menu Enregistrer après avoir supprimé ou ajouté un élément au menu. J'espère que cela vous aidera.
Admin
Pam Hill
J'ai un menu existant dont je dois supprimer des liens de page. Comment faire ? J'ai 3 titres dans l'en-tête qui renvoient à leur propre page. Je ne veux pas qu'ils renvoient à une page.
Danielle
OMG, cela m'a sauvé la vie et j'aurais souhaité l'avoir trouvé il y a environ 6 mois... J'essayais de comprendre cela depuis très longtemps. MERCI BEAUCOUP !!
Brendan Dunne
J'ai utilisé cette méthode pour résoudre mon problème et cela fonctionne très bien, merci.
Cependant, l'en-tête de menu créé n'est pas une page, donc lorsque je vais mapper les sous-pages, comment dois-je les structurer ?
Marek
Bonjour,
J'ai créé un élément de menu personnalisé qui doit fonctionner uniquement comme une étiquette, j'ai donc supprimé l'URL de cet élément, mais il affiche toujours une couleur différente au survol de la souris comme s'il s'agissait d'un lien. Comment désactiver cet effet de survol pour cet élément ?
Vous pouvez le voir ici : et l'élément est « Écrit sur Braunstein : » dans le menu sous le logo.
Merci
Susan Taunton
Ceci fait suite à la question de Marek du 9 août sur la façon de supprimer l'effet de survol d'un titre de menu non lié :
Marek,
Vous pouvez utiliser l'outil de développement du navigateur pour identifier le numéro de l'élément de menu de ce titre, puis utiliser le CSS pour définir les couleurs du lien, visité, survol, focus, actif comme étant toutes identiques et ainsi supprimer l'effet de survol.
Exemple:
#menu-item-2036 a,
#menu-item-2036 a:link,
#menu-item-2036 a:visited,
#menu-item-2036 a:hover,
#menu-item-2036 a:focus,
#menu-item-2036 a:active {
color:#C1A45B;
}
Susan
Huzni Saud
excellent travail mon ami
Penelope Whiteley
Je n'ai pas compris cela... y a-t-il d'autres images qui montrent peut-être le produit fini ?
Norbert
Merci, c'est génial et ça marche !!!!
WILLIAM
Merci, ça marche à merveille.
Rui
En utilisant Apparence>Menus, créez un élément Liens personnalisés avec l'URL comme
javascript: void(0);
This is the a great way of solving that problem
Peter
Cela m'a énervé pendant un moment mais je n'ai jamais rien fait à ce sujet. J'ai cherché sur Google et bingo, résolu. Tellement simple merci.
Annelisse Miller
A fonctionné parfaitement ! Tellement facile à suivre ! Merci !
teri matelson
puis-je créer un lien personnalisé, ajouté à la navigation principale, qui s'ouvre dans une nouvelle fenêtre ?
Matthias
Merci – vraiment utile !
Rajit
Bonjour, Comment puis-je modifier le style des liens personnalisés ? Je souhaite séparer deux ensembles d'éléments de menu avec des en-têtes séparés non cliquables.
Merci
Graham
Cheers for that. We were really stuck. Knew it could be done, but didn’t know how…until now. Yer a star
Rosie
Merci !! C'est exactement ce que je devais faire et cela a parfaitement fonctionné.
Rosie
Sanjay Nair
Tellement simple ! Juste ce dont j'avais besoin. Merci.
Hayley
Merci ! Exactement ce dont j'avais besoin !
Carol M. Smith
Merci… mais je ne veux pas que les mots « Élément de menu » apparaissent dans le menu… Puis-je changer le nom « Éléments de menu » ?
Leanne
Exactement ce que j'avais besoin de savoir ! Merci !!
Bob Varaleau
J'utilisais les catégories pour faire cela, mais c'est beaucoup mieux. Il y a un problème avec lequel vous pourriez peut-être m'aider.
Si un spectateur cliquait sur le lien personnalisé, le lien du menu personnalisé resterait mis en surbrillance jusqu'à ce que vous cliquiez sur un sous-élément ou ailleurs sur la page. C'est une petite chose, mais si cela pouvait être rectifié, cela rendrait cette correction pour le menu encore meilleure. Est-il possible de rendre ce bouton de menu de lien personnalisé non cliquable en utilisant CSS ??
Menno van der Krift
Santé ! Ça marche à merveille.
Mike
Étrangement, cela ne fonctionne pas sur l'iPad. Avant que le sous-menu n'apparaisse, il demande si vous voulez enregistrer l'image ? Cela fonctionne parfaitement bien lorsque le bouton déroulant a un lien de page normal, c'est-à-dire que l'élément de menu est tiré de « Pages ».
George
C'est super – ça marche. Cependant, le titre de mon menu déroulant a changé de couleur – de blanc à bleu. Quelqu'un peut-il m'expliquer comment je peux corriger cela dans WordPress ?
jhodgski
Merci pour cela, mais cela ne résulterait-il pas en un HTML invalide car je vois que vous finissez par avoir un élément d'ancre/lien qui n'a pas d'attribut href. Il serait également sémantiquement incorrect d'utiliser un élément d'ancre/lien si l'élément n'est pas réellement un lien. Y a-t-il une meilleure façon ?
viktoriana
Cela n'a pas fonctionné dans mon cas :/ J'ai « converti » un menu qui était une liste ul de liens en un wp_nav_menu enregistré et maintenant les catégories qui étaient listées comme wp_list_categories n'apparaissent PAS sous le lien personnalisé comme elles le faisaient auparavant. D'une manière ou d'une autre, wp_list_categories doit encore être ajouté à wp_nav_menu, et ce n'est pas aussi simple que ce post le suggère. :/
viktoriana
except this is not working
followed exactly what you’ve written, added two categories us subpages, but submenu is not showing.
there must be some wp_list_categories thingy messing up my wp_nav_menu …
bb
J'adore wpbeginner ! Merci pour cette modification, santé
Rob Lowndes
Exactement ce que je cherchais. Mais lorsque je place certaines pages comme sous-éléments sous le nouvel élément de menu vierge, cela a fière allure jusqu'à ce que j'enregistre le menu, puis ces pages reviennent automatiquement au menu principal ! En d'autres termes, WP 3.7.1 ne me permet pas d'enregistrer de sous-menus sous le nouvel élément. Quelqu'un peut-il m'aider ?
Wayne Gerald
J'ai fait cela sur mon site web de formation approfondie. Cependant, je n'avais plus de liens personnalisés, ce qui signifie que j'ai atteint la limite de liens personnalisés de WordPress. En dépassant cette limite, le menu de navigation ne s'enregistre plus. Alors, comment contourner cette limite de liens personnalisés ? Existe-t-il un plugin ? Si oui, je ne le trouve pas.
Toute aide serait grandement appréciée.
Joe Dean
Vous avez probablement déjà résolu ce problème, mais pour toute autre personne lisant ceci :
https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-fix-the-custom-menu-items-limit-in-wordpress/
kuldip
Merci mec, c'est utile pour moi
Muhlis
c'est ce que je cherchais pour modifier le menu déroulant des catégories sur mon site resellerhunter.com, merci pour votre aide.
grrprep
Je veux faire l'inverse. Je veux ajouter des pages mais ne pas les faire apparaître dans les menus. J'ai environ 20 pages et je ne veux pas 20 sous-liens dans mon menu. Toute aide est appréciée.
CHRIS
Allez dans les menus et décochez "Ajouter automatiquement les nouvelles pages de niveau supérieur". Maintenant, si vous voulez qu'une page apparaisse dans le menu, vous devrez l'ajouter vous-même.
Janet
Merci ! Je me suis toujours demandé comment faire ça. :)
Jake Tyler
C'est un bon tutoriel, vraiment, merci beaucoup.
Chris
Y a-t-il un moyen, lorsque l'on laisse la souris sur un élément de menu qui n'a pas de lien, de ne pas changer le curseur de la souris ? Pratiquement, que le navigateur ne le comprenne pas comme un lien ?
Merci.
Mike Ott
Vous pourriez simplement cibler l'élément en CSS avec :
cursor:crosshair;
Buck
Bon tutoriel, je ne savais pas que c'était possible.
Beth Pittman
Merci pour ce post ! Est-ce que c'est juste moi ou d'autres ont du mal à faire s'ouvrir les flèches déroulantes sur l'écran du menu ? Lorsque je clique sur la flèche, cela déplace simplement l'élément du menu vers le bas dans le menu. Je dois le faire plusieurs fois jusqu'à ce qu'il s'ouvre enfin. Des astuces ?
Lorne
Comment accomplir (changer) la même chose sur un site Web WP v3 avec des menus déjà existants ?
Merci
SmittenbyBritain
Merci pour l'astuce. J'essayais de comprendre comment faire ça. Je mettais simplement des liens vers la page d'accueil si je n'avais pas d'URL. Ça marche très bien !
bob
et si vous avez déjà établi une grande barre de menu ? pouvez-vous revenir en arrière et changer le titre de la première barre de menu pour qu'il ne soit pas lié à une page ?
Personnel éditorial
Oui, vous pouvez toujours ajuster les menus. Cette technique est particulièrement utile si vous souhaitez ajouter des éléments déroulants à votre longue barre de menu.
Admin