Vous aviez toujours rêver de pouvoir faire des liens qui pointent à un endroit précis de votre message ?

Si oui, alors ce document est fait pour vous, il va vous apprendre à réaliser de jolies petite ancres à partir de la barre d’édition disponible sur le forum et le site.

Pour la définition d’une ancre (ou plus précisément d’un lien ancré), Wikipédia est fait pour vous !)

Les éléments pour fonctionner

Pour qu’un lien vous déplace vers un endroit précis de votre page, il vous faut :

  • Un lien commençant par #
  • Un récepteur qui portera le nom de votre lien sans le #

Création du lien

Pour créer un lien qui amènera vers votre ancre, rien de plus simple, cliquez sur cette icône  dans votre barre d’édition puis choisissez le choix « Lien » de la liste déroulante.

Une fenêtra va apparaître, en vous demandant l’url de votre lien. Comme nous voulons créer une ancre, nous allons supprimer la chaîne « http:// » et la remplacer par « # » (ALT Gr + 3) en n’oubliant pas d’y rajouter un identifiant qui sera réutilisé par notre ancre, par exemple « #ma toute première ancre« .

Validez, une autre fenêtre va apparaître vous demandant maintenant le texte qui formera votre lien, vous pouvez très bien indiquer par exemple « Ce lien vous dirigera vers une ancre« .

Validez, votre code sera automatiquement inséré dans la zone de texte. Le résultat ressemblera à ceci :

[url=#ma toute première ancre]Ce lien vous dirigera vers une ancre[/url]

Création de l’ancre

Maintenant que nous avons créé notre lien, il ne nous manque plus que l’endroit où nous souhaitons diriger le visiteur qui cliquera dessus.

Pour mon exemple, je souhaite que mon ancre soit sur le titre (h2) « Les éléments pour fonctionner« , je vais donc sélectionner mon texte entre mes deux balises « h2 » et afficher le menu déroulant des fonctions liens de ma barre d’édition, et je clique sur « Ancre »

Une fenêtre va apparaître pour me demander comment s’appelle cette ancre, j’apporte toute mon attention pour lui indiquer le même nom que j’ai donné dans la création du lien, ce qui donne dans mon exemple « ma toute première ancre« .

Validez, une deuxième fenêtre va apparaître, elle me propose d’écrire le texte qui servira d’ancre, si vous n’aviez rien sélectionné  avant, vous pouvez la remplir, sinon, videz le champ, et validez.

Voilà, vous avez fini votre ancre ! Le code contenu dans la zone de texte doit ressembler à ceci :

[ancre=ma toute première ancre]Les éléments pour fonctionner[/ancre]

En cliquant sur ce lien, vous allez directement être amené sur le lien cité précédemment !

© grid-france.fr | Tous Droits Réservés