Ajouter des ancres sur un site Jimdo

proposé par Isabelle de Realia.

Attention

Ce tutoriel ne fonctionne plus avec la nouvelle version de notre élément texte. Il est cependant possible de contourner le problème: lors de la dernière étape, copiez/collez le code HTML complet du module, et insérez le dans un widget HTML. Vous pourrez enfin supprimer l'élément texte créé en double.

Avant-propos

- Des ancres permettent de se rendre directement à une partie de la page située plus bas. On l'utilise fréquemment pour de longues pages.

- Voici un exemple pratique :

Aller directement aux commentaires

Difficulté

Ce tutoriel s'adresse aux débutants et fonctionne sur tous les sites Jimdo (Free, Pro et Business).

Pas à pas...

1. Ecrivez votre texte et enregistrez-le.

 

2. Editez-le en cliquant sur l'icône HTML de la barre d'outils de texte.

3. Votre texte s'affiche donc en format HTML. Vous devriez y retrouver les codes de mise en forme mais aussi votre texte. Allez à l'endroit de votre texte que vous souhaitez utiliser comme première ancre.

 

4. Ajoutez le code suivant, juste avant le texte en question :

<a name="nom_de_lancre"></a>

N'oubliez pas de remplacer "nom_de_lancre" par un nom plus équivoque. Ici, j'ai choisi "paragraphe1". Enregistrez les modifications du code HTML du texte.

 

En théorie, une petite ancre est apparue au-dessus du texte :

5. Maintenant, on va ajouter le renvoi à cette ancre. Il faut pour cela aller en haut de la page et créer une sorte de sommaire qui permettra de lister toutes les ancres.

 

6. J'écris donc un titre de partie, par exemple "Paragraphe 1".

 

7. Retournez dans le code HTML du texte et c'est fois-ci, entrez ce code :

<a href="#nom_de_lancre" title="titre du lien">texte cliquable</a>

 

Remplacez nom_de_lancre par le nom que vous avez utilisé pour votre ancre. Dans mon cas, ce sera paragraphe1. Vous pouvez modifier le "title" mais cela n'a pas d'incidence. A la place de "texte cliquable", vous devrez mettre le titre de la partie, dans mon cas Paragraphe 1. On obtient donc un truc de la sorte :

8. Enregistrez et vous devriez voir que votre titre est devenu un lien. Enregistrez votre module texte et essayez.

 

En théorie, vous serez transporté à l'ancre !

 

A noter : si votre ancre se trouve près du bas de la page, le renvoi sera un peu tronqué puisqu'il ne peut pas "allonger" la page. Dans l'exemple de ce site, on voit bien que l'ancre n'emmène pas directement aux commentaires parce que la page n'est pas assez longue en-dessous pour nous amener directement dessus.