WordPress : Comment créer un lien ancré sur une même page sans plugin?
Si vous avez un article sur votre page web qui est très long ( plusieurs pages ), il peut s’avérer intéressant d’ajouter un petit sommaire avec des liens ancrés qui vous permettrons d’aller directement à un endroit de votre page sans avoir à la chercher.
1 – Qu’est-ce qu’un lien ancré?
2 – Comment puis-je créer une ancre sur ma page WordPress?
3 – Comment puis-je créer un lien vers l’ancre que j’ai fixé?
4 – Comment puis-je créer un retour vers le haut en utilisant un lien ancré?
Préambule :
- Tutoriel réalisé sur WordPress 3.7.1
- Niveau : Débutant –
Intermédiaire–Expert
1 – Qu’est ce qu’un lien ancré ?
Un lien ancré est un lien hypertexte qui vous dirigera vers un endroit bien spécifique sur cette même page.
2 – Comment puis-je créer une ancre sur ma page WordPress?
Pour commencer nous allons créer une ancre, c’est à dire définir le point vers lequel le lien sera orienté. Il s’agit d’un code qu’il faudra placer à l’endroit où vous souhaitez que votre lien vous envoi. Ce code est le suivant :
1 |
<a name= "ancre1" ></a> |
Je l’ai nommé ancre1 mais vous pouvez utiliser le nom que vous souhaitez.
3 – Comment puis-je créer un lien vers l’ancre que j’ai fixé?
Il faut maintenant créer un lien vers cet ancre. Pour cela nous allons utiliser, à peu de chose prêt, le même code que pour un lien hypertexte classique.
1 |
<a href= "#ancre1" >Texte que vous souhaitez associer à votre lien</a> |
4 – Comment puis-je créer un retour vers le haut en utilisant un lien ancré?
En utilisant un lien ancré vous pouvez aisément ajouter un lien votre le haut de votre article pour cela il suffit de créer une ancre tout en haut de votre page.
Et en bas de la page, ajouter le lien vers cette ancre.
1 |
<a name= "Haut" ></a> |
1 |
<a href= "#Haut" >Retour en haut</a> |
Essayez Retour en haut
-17 Commentaires-
Hello
Merci beaucoup : simple et efficace !
Bonjour,
merci du tuyau très utile.
Y’a-t-il moyen d’avoir un lien ancré mais pas sur la même page, et toujours à un endroit précis?
merci
Merci, sincèrement j’ai trouvé tout très utile!!!!!
Super article car enfin expliqué très clairement et sans chichi. En fait c’est tout bête une ancre, encore faut-il connaître la syntaxe ! Suis curieux de voirmaintenant si il y a d’autres trucs sympas à faire avec la balise , j’imagine qu’il n’y a pas que les liens ou ancres avec d’autres paramètres. Merci, c’est clair et efficace, c’est rare pour les tutos en html pour les débutants.
Article simple et efficace, j’apprécie 🙂
Utilisé sur un de mes articles de mon nouveau blog et avec l’intention de le faire encore.
Merci à vous !
Bonjour
Je cherche à intégrer le lien vers l’ancrre sur un bouton mais WP ne propose qu’un lien vers une page web ou une autre page interne au site.
Pouvez-vous m’aider ?
Merci
Génial, merci pour ces explications qui m’ont bien aidée !
merci fonctionne au poil !
Super. Je le cherchais bien longtemps. Merci pour le tuto.
Merci beaucoup pour cette explication claire et synthétique.
Salut,
Tu sais comment créer des ancres avec Blogger ? Google ne me donne pas de résultat pour Blogger. Merci pareil…
Jean-François
Merci ! super bien expliqué !!
Une explication qui va servir à beaucoup de personnes 🙂
Merci beaucoup : simple, clair, efficace !
Une question : peut-on créer un retour vers le haut de page dans une page de catégorie sans plug-in spécifique ? Faut-il aller dans le css ? le site pour lequel ça m’intéresse est encore privé car je travaille dessus.
Bonjour
Votre article m’a été d’une aide précieuse pour affiner le site dont je suis responsable.
Merci
Bonjour, merci beaucoup pour cet article, il m’a bien aidé car je débutes et il y a pas mal de chose que je ne maitrise pas encore. Grâce a vous, j’ai pu avancer 🙂 ! Encore merci. Bonne journée.
Merci pour cette explication ! Ça marche aussi pour les commentaires sur les blogs ? Merci