Comment créer un lien vers une section de page dans les menus de navigation de WordPress

C'est assez courant dans WordPress : vouloir créer un lien vers une section d'une page. Je me souviens avec émotion de ma première fois [stares wistfully into the middle distance]. Ce guide rapide explique comment procéder et comment ajouter ensuite ce lien à un menu de navigation. Besoin de lier les utilisateurs à une rubrique spécifique dans un article ?

Parfois, vous voudrez peut-être que vos éléments de menu de navigation WordPress soient liés directement à une page section qui se trouve au milieu d'une page plus grande, plutôt que simplement en haut de la page. Par exemple : au lieu de créer un lien de menu de navigation vers une page Contact, comment puis-je créer un lien de menu vers le Contact section de ma page d'accueil ?

Être capable de créer des liens de menu WordPress vers des sections de page est particulièrement important sur les sites Web d'une page ou sur les sites multipages qui ont des pages d'accueil ou des pages de vente à long défilement. L'un ou l'autre de ces types de sites Web peut avoir, par exemple, des sections « Comment ça marche », « Démo », « Témoignages » et « Acheter maintenant » sur la même page.

Pour créer un lien vers une section de page, vous devrez créer un lien de menu WordPress vers un ancre: un lien intégré dans le contenu de votre page. Les ancres sont l'une des technologies les plus anciennes du Web, et elles fonctionnent toujours très bien.

Heureusement, attribuer une ancre à une section de page, puis créer un lien vers cette ancre à partir de votre menu de navigation WordPress, n'est pas du tout difficile. Ce tutoriel vidéo rapide de Fred vous montre comment. si vous êtes un « apprenant visuel ».

Et voici un bref résumé de texte si vous préférez apprendre à créer un lien vers une section de page dans WordPress sans vidéo 😉

Comment WordPress : Lien vers une section de page

1. Donnez l'élément que vous souhaitez lier à un identifiant attribut-par exemple,
   

   Section titre

   . Ce identifiant l'attribut est celui de l'élément ancre HTML. Si vous avez l'éditeur Gutenberg/Block en cours d'exécution, l'image à droite est à quoi il ressemblera. Vous remarquerez que cette étiquette est appelée « ancre HTML » dans cette interface. Dans le code HTML sous-jacent, cela ressemblera à un identifiant. 🤓

2. Dans la zone Menu de l'une ou l'autre wp-admin ou le Customizer, créez un nouveau lien personnalisé à ajouter à votre menu de navigation.
3. Définissez le lien personnalisé pour qu'il pointe vers la page sur laquelle se trouve le contenu, ainsi que le # caractère, plus la valeur de l'élément identifiant attribut-par exemple, https://mysite.com/about-us#target-element.
4. Enregistrez vos modifications dans le menu et testez le lien sur quelques pages pour vous assurer qu'il fonctionne.

Et c'est tout! La création de liens de menu WordPress vers des sections de page à l'aide d'ancres peut être un moyen très utile d'orienter les visiteurs de votre site, alors essayez-le.