Placer une ancre dans une page

Placer une ancre dans une page

Une ancre est un point invisible qui permet de créer un lien à un endroit précis dans une page. Quand vous avez des pages très longues, cela vous permet par exemple de faire un lien directement vers le bas d'une page et ainsi d'éviter l'utilisation de la barre de défilement (vous pouvez utiliser les ancres pour faire un sommaire par exemple).

Voici un tutoriel pour vous expliquer comment placer une ancre dans une page.

 

Placer l'ancre dans la page

  • Cliquez sur l'icône Ancre et placez-la dans votre contenu.
  • Nommez-la correctement afin de la retrouver si vous en avez plusieurs.
  • Placer une ancre, c'est placer un repère dans la page. Il faut ensuite faire le lien dans la page vers ce point de repère.

A noter : Si vous n'avez pas la possibilité d'ajouter des ancres depuis l'éditeur visuel, il est possible que vous ayez choisi l'utilisation d'un éditeur visuel simple.

Pour bénéficier de l'éditeur visuel complet et avoir accès à l'outil "ancre", il faut vous rendre dans le menu Compte > Paramètres du compte ; dans la partie Paramètres du manager sélectionnez l'éditeur visuel complet puis enregistrez.

 

Faire le lien vers cette ancre

Rappel: pour faire un lien, sélectionnez le texte (ou l'image) avec la souris et cliquez sur l'icône Insérer/éditer lien. Nous avons rédigé un tutoriel pour vous expliquer comment faire un lien hypertexte avec l'éditeur visuel.

Dans la liste déroulante, sélectionnez l'ancre. En cliquant sur ce lien, votre navigateur se positionnera à l'endroit où vous avez placé l'ancre

Faire un lien vers une ancre (dans un autre éditeur visuel sur une même page)

Pour créer des pages plus facilement, nous vous recommandons l'utilisation de l'outil de création de pages. Ainsi, tout votre contenu ne sera pas placé dans un seul éditeur visuel (mais sur plusieurs lignes). Si vous souhaitez faire un lien vers une ancre placée dans un autre bloc de texte (sur une même page), vous pouvez utiliser la méthode ci dessus avec quelques changements pour les liens.

  • Placez l'ancre dans la page comme vu précédemment.
  • Pour faire un lien vers cette ancre : ajoutez un lien hypertexte et ajoutez uniquement #nom-de-l'ancre dans le champ "URL" lors de l'ajout du lien.

Il est aussi possible d'utiliser l'option CSS en appliquant un ID (qui servira d'ancre). Nous vous invitons pour cela à lire le tutoriel : utiliser les class et les ID sur les blocs de page

Faire un lien vers une ancre placée dans une autre page

Vous pouvez aussi placer une ancre dans une page et faire le lien vers cette ancre depuis une autre page.

  • Placez l'ancre dans la page comme vu précédemment.
  • Pour faire un lien vers cette ancre : ajoutez un lien hypertexte et ajoutez à la suite de l'URL de la page ciblée : #nom-de-l'ancre dans le champ "URL" lors de l'ajout du lien.

Pour réaliser cela, il est possible aussi d'utiliser l'option CSS en affectant un ID à une ligne dans votre page. Nous vous invitons pour cela à lire le tutoriel : utiliser les class et les ID sur les blocs de page

 

Ajouter un id sur une ligne

 

Astuce : faire un lien vers le haut d'une page

Vous pouvez faire un lien vers le haut d'une page en plaçant une ancre (comme nous avons pu le voir dans ce tutoriel) mais vous pouvez aussi le faire plus simplement en ajoutant juste un # (dièse) dans le champ URL du lien.

Faire un lien vers le haut de page