WordPress | Signets ou ancres

St9ph — Thu, 20 Feb 2020 17:41:51 +0000

Les signets ou ancres (les deux termes sont synonymes) sont utilisés pour se déplacer rapidement à l’intérieur d’un document. Le plus célèbre d’entre eux est le lien qui permet de remonter en haut d’une page web un peu longue.

La manipulation ci-dessous fonctionne à partir de la version 5.3 de WordPress et prend pour exemple la conception d’un article de ce site (visible ici dans un nouvel onglet).

a) créer un signet

cliquer sur le bloc que vous voulez ancrer (ce n’est possible que dans un bloc titre H…)
Descendez dans le panneau de contrôle de droite (onglet bloc) et développer la rubrique “avancé“
Saisir le nom que vous voulez donner à votre signet dans la zone “Ancre HTML”

Le nom de l’ancre HTML (votre signet) ne doit pas contenir d’espace, d’accent ou de caractère spécial (n’oublions pas que cela deviendra une adresse url)

b) atteindre le signet

Positionnez vous dans le bloc où vous souhaitez activer un lien permettant d’atteindre le signet.

Il s’agit, en général d’un plan qui annonce les différentes parties ou d’un bloc en fin de partie qui permet de revenir au plan (pour une navigation complète) mais cela peut être n’importe où dans un bloc texte, liste, titre, image …

Dans notre article, il s’agit d’une image

cliquer sur le bloc où vous souhaiter insérer le lien d’appel de l’ancre
Cliquer sur la chaîne comme pour insérer un lien hypertexte (c’est d’ailleurs ce que nous allons faire).
saisir “#” (le symbole dièse) suivi du nom de votre signet (pour notre exemple : “#Si1”)

cliquer sur entrer pour valider le lien

C’est aussi simple que cela ! 🙂

Vous pouvez également atteindre un signet dans une autre page ! il suffit de rajouter le #Nom_du_signet à votre url. En cliquant sur le lien ci-dessous, vous atteindrez le signet #Si5 de l’article sur les fonctions conditionnelles, ce qui correspondra à l’adresse url figurant dans le cadre bleu.