Comment ajouter une ancre dans un menu ?

Lorsque  les pages de votre site web sont très longues et que les internautes doivent scroller longuement pour consulter leur contenu, il peut être intéressant de créer des liens internes qui permettront d'accéder rapidement à une partie précise de vos pages.

Ce tutoriel va vous expliquer comment intégrer ce type de liens appelés "ancres" dans le menu de votre site web.

Attribuer un identifiant à une section de votre page

Sur votre manager, rendez vous dans gérer les pages puis sur l'éditeur visuel de la page sur laquelle vous souhaitez utiliser ce système de navigation. Il est possible de définir chaque ligne comme étant une section de votre page en lui attribuant un identifiant.

Pour attribuer un identifiant à une ligne :

  • Cliquez sur le bouton Apparence
  • Puis sélectionnez le mode "avancé (class/ID)" dans le menu déroulant Style
  • Remplissez uniquement le 2ème champ intitulé ID en indiquant un mot clé qui identifiera cette section (par exemple reprenez le titre de la ligne). Vous pouvez insérer plusieurs mots en les séparant par des tirets, sans accent et caractères spéciaux

Procédez ainsi pour chaque ligne en leur attribuant des identifiants différents puis enregistrez la page.

Intégrer les ancres dans votre menu

Rendez vous dans Configuration > Menus, cliquez sur modifier dans Menu horizontal du haut, puis sur ajouter un nouveau lien au menu.

Dans le formulaire qui apparait, renseignez les informations suivantes :

  • Type de lien : sélectionnez "Ancre" dans le menu déroulant
  • Ancre : indiquez l'identifiant "ID" de l'une de vos lignes (par exemple attribuer-identifiant-section)
  • Titre du lien : il s'agit de l'intitulé du lien qui va apparaitre dans votre menu (ex. ). Choisissez un titre pertinent et court !

Enregistrez ce formulaire puis celui des menus du site.

Ajouter ancre menu