Comment créer un lien vers un endroit précis d'une page (=ancre) ?

Le fonctionnement classique des liens hypertextes est de pointer vers une page différente de celle qui est en cours de consultation, pour naviguer dans le site. Cependant, il est également possible de créer un lien vers un endroit précis de la page courante ou d'une autre page. Cet endroit précis peut être défini par une « ancre ».

Création d'une ancre

Pour créer une ancre sur une page, il faut:

  1. Sélectionner le texte vers lequel le lien pointera. Dans l'exemple ci-dessous, nous désirons créer une ancre sur le titre "Selon l'article 39 du RLS".
  2. Créer une ancre en cliquant sur le bouton "ancre", symbolisé par un drapeau.

Anchor ckeditor

Il faudra également définir un nom pour votre ancre.

Anchor name

Insertion d'un lien vers l'ancre

L'ancre est désormais créée. On peut maintenant définir des liens vers cette ancre. Pour créer un lien, il faut d'abord sélectionner le texte que l'on veut définir comme lien, puis il faut ensuite cliquer sur le bouton « Lien » (symbolisé par des maillons de chaîne, encadré en rouge dans l'image ci-dessous).

Add anchor link

Si le lien se trouve dans le même texte que l'ancre qui a été créée (et non pas dans un autre paragraphe), il faut:

  1. Sélectionner le type de lien : « Ancre »
  2. Puis choisir l'ancre correspondante dans la liste.

Anchor in same editor

Si l'ancre se trouve dans un autre paragraphe, on ne pourra pas la retrouver comme décrit précédemment. Si l'ancre désirée n'est pas disponible dans la liste de sélection des ancres, il faudra :

  • Définir le type de lien comme "URL"
  • Définir le protocole <autre>
  • Définir l'URL avec un #, suivi du nom de l'ancre

External anchor link

 

Définir un lien vers une ancre d'une autre page

Avec cette procédure, il est possible de faire des liens directement sur les ancres contenues dans d'autres pages. Supposons que l'ancre "Article39" se trouve sur la page « /absences », on peut définir depuis une autre page un lien directement sur cette ancre. Pour ce faire, il faut définir le lien de la même manière que dans le point précédent, en ajoutant l'URL de la page suivie de l'ancre. Ceci nous donnera : <URL de la page>#<nom de l'ancre>.
Voici dans l'exemple ci-dessous le lien à créer pour faire un lien depuis une autre page vers l'ancre créée précédemment :

External anchor link

 

> Retour aux tutoriels