![\"Comment](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-178725-616f45e237f4b.png\")
<\/a><\/p>\nL’option Liens personnalis\u00e9s vous permet de cr\u00e9er un lien vers n’importe quelle URL de votre choix, mais nous avons une astuce sp\u00e9ciale \u00e0 la place.<\/p>\n
Dans la saisie de l’URL, remplacez \u00ab\u00a0http:\/\/\u00a0\u00bb par un signe di\u00e8se \u00ab\u00a0#\u00a0\u00bb et entrez le texte de votre choix pour le texte du lien.<\/p>\n
Cliquez sur le bouton Ajouter au menu, puis vous pouvez organiser le nouvel \u00e9l\u00e9ment dans votre menu. \u00c9tant donn\u00e9 que l’\u00e9l\u00e9ment de menu n’est li\u00e9 nulle part, les visiteurs ne seront pas dirig\u00e9s vers une nouvelle page s’ils cliquent dessus.<\/p>\n Le champ URL ne peut pas \u00eatre vide et l’utilisation d’un signe di\u00e8se de cette fa\u00e7on est une convention standard.<\/p>\n L’\u00e9l\u00e9ment de menu n’est li\u00e9 nulle part, mais il affiche toujours le curseur "pointeur" lorsque vous le survolez. Il y a une \u00e9tape de plus que vous pouvez prendre pour qu’il soit \u00e9vident que cet \u00e9l\u00e9ment de menu n’est pas cliquable.<\/p>\n Dans la page Menus, cliquez sur l’onglet Options d’\u00e9cran en haut \u00e0 droite.<\/p>\n Assurez-vous que la case Classes CSS est coch\u00e9e, puis fermez la section Options d’\u00e9cran.<\/p>\n Ensuite, cliquez sur l’\u00e9l\u00e9ment de menu non li\u00e9 et ajoutez une classe nomm\u00e9e \u00ab\u00a0non cliquable\u00a0\u00bb.<\/p>\n Avec la classe CSS ajout\u00e9e, nous pouvons d\u00e9sormais cibler cet \u00e9l\u00e9ment de menu sp\u00e9cifique avec CSS.<\/p>\n Le CSS suivant fera en sorte que le curseur reste l’ic\u00f4ne par d\u00e9faut lorsque vous survolez l’\u00e9l\u00e9ment de menu non li\u00e9.<\/p>\n Si vous n’avez jamais ajout\u00e9 de CSS \u00e0 votre site auparavant, suivez ce guide sur l’ajout de CSS<\/a>. Cela ne prend qu’une minute ou deux.<\/p>\n La plupart des webmasters WordPress l’utiliseront pour rendre l’\u00e9l\u00e9ment de menu parent non cliquable dans un menu d\u00e9roulant. Bien que ce soit une excellente technique pour cela, vous pouvez rendre n’importe quel nombre d’\u00e9l\u00e9ments de menu non cliquables, et ils ne doivent pas non plus \u00eatre des liens de menu de niveau sup\u00e9rieur.<\/p>\n Avez-vous des questions sur ce tutoriel ou une astuce pour d’autres lecteurs? Laissez un commentaire ci-dessous.<\/p>\n<\/a><\/p>\nSupprimer le pointeur au survol<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n.unclickable > a:hover {\n cursor: default;\n}<\/code><\/pre>\n