Les ancres

Les liens d’ancre permettent de mener vers un emplacement spécifique au sein d’une page web. Cela peut permettre de descendre ou remonter au sein d’une longue page. Pour créer des ancres, vous devez simplement utiliser l’outil d’insertion d’ancre disponible dans l’éditeur pour de nombreux blocs.

Voici un exemple d’ancre au sein de cette page.

Créer une ancre HTML dans l’éditeur

  1. Ajoutez un nouveau bloc Titre ou sélectionnez un bloc Titre existant (les ancres fonctionnent aussi avec d’autres types de bloc, comme le bloc Groupe).
  2. Dans la colonne latérale du bloc, dépliez le panneau Avancé.
  3. Saisissez le nom de votre ancre dans le champ Ancre HTML.

Syntaxe à utiliser pour nommer votre ancre HTML

  • Le nom d’une ancre ne doit être utilisé qu’une fois à l’intérieur d’une même page web pour fonctionner.
  • Le nom de l’ancre est sensible à la casse.
  • Les caractères suivants peuvent être utilisés : tiret « - », tiret bas « _ », deux-points « : », point « . ».
  • Vous ne pouvez pas utiliser d’espace pour séparer deux mots.
  • Le premier caractère du nom de l’ancre doit être une lettre.

Créer un lien vers votre ancre HTML

  1. Saisissez du texte ou ajoutez une image, un bouton ou n’importe quel élément permettant d’insérer un lien hypertexte pouvant devenir le lien vers l’ancre de votre page.
  2. Sélectionnez le texte, l’image ou le bouton et sélectionnez l’option Lien dans la barre d’outils du bloc.
  3. Saisissez le nom de votre ancre, précédé du caractère #. Par exemple, si votre ancre se nomme note-importante alors le lien devra être #note-importante.

À noter : le lien ne fonctionnera pas lors de la prévisualisation de votre page. Il ne sera fonctionnel qu’après publication.

Mettre un lien vers une ancre située sur une autre page de votre site

Pour faire un lien vers une ancre située sur une autre page de votre site ou même sur un site externe, ajoutez le nom de l’ancre à la fin de l’URL de la page. Par exemple : example.com/une-autre-page#important-notice.

Voir aussi l’article Réglages avancés des blocs qui vous spécifie quels sont les blocs qui disposent de cette fonctionnalité.

Traduit par Jb Audras
Relu par Bruno Tritsch & Jenny Dupuy
Dernière mise à jour le 07 octobre 2021

Contribuer à la documentation en français de WordPress