anchor
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édiaireExpert

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 :

<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.

<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.

<a name="Haut"></a>
<a href="#Haut">Retour en haut</a>

Essayez Retour en haut

18 Réponses à“WordPress : Comment créer un lien ancré sur une même page sans plugin?”

  1. 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

  2. Génial, merci pour ces explications qui m’ont bien aidée !

  3. 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.

  4. 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.

  5. Merci pour cette explication ! Ça marche aussi pour les commentaires sur les blogs ? Merci

  6. Merci beaucoup pour cette explication claire et synthétique.

  7. Bonjour
    Votre article m’a été d’une aide précieuse pour affiner le site donc je suis responsable.

    Merci

  8. Une explication qui va servir à beaucoup de personnes 🙂

  9. Merci ! super bien expliqué !!

  10. merci fonctionne au poil !

  11. Merci, sincèrement j’ai trouvé tout très utile!!!!!

  12. 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

  13. Hello
    Merci beaucoup : simple et efficace !

  14. 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

  15. 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.

  16. Bonjour,
    Merci pour cet article – tout claire.
    Je suppose qu’aussi bien on peut créer des liens vers des endroits précis d’une page à l’autre ?
    On peut réfléchir sur le système d’ancres et les répertorier pour un maillage précis.

    Est-ce que ces ancres peuvent être aussi utilisées pour faire des liens d’un site à l’autre ? comment se présentera ce lien à communiquer à un site externe
    lien vers le haut de la page de mon site
    Pouvez vous confirmer si le lien est OK ?

  17. 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 !

  18. Super. Je le cherchais bien longtemps. Merci pour le tuto.

Trackbacks/Pingbacks

  1. essai | WEBCONF-INSTITUTE - […] wordpress-comment-creer-un-lien-ancre […]
  2. Signets du jour (weekly) | ticechampagnole - […] WordPress : Comment créer un lien ancré sur une même page sans plugin? | Un Blog Presque Parfait […]
  3. Sitothèque BUFR Infocom | ulbufrinfocomsitotheque - […] Créer des renvois par lien ancré : http://www.unblogpresqueparfait.com/2013/11/wordpress-comment-creer-un-lien-ancre/ […]

Laisser un commentaire