Quand un contenu est trop long, la navigation
devient fastidieuse. Une fois la lecture terminée,
l’internaute doit remonter toute la page pour retrouver le
menu du site. Aidons-le en insérant un bouton de retour en haut de
page.
Pré-requis
Comme cette astuce ne peut être insérée que dans le corps
d’un contenu, elle ne fonctionne que sur les contenus de type
brève ou article.
Mode d’emploi
Rendez-vous tout
d’abord dans le back-office, dans le contenu dans lequel vous
souhaitez insérer le bouton. Cliquez sur "saisir le corps du
contenu".
Placez le curseur de la souris tout en haut à gauche du texte,
au commencement du corps du contenu.
Cliquez sur l’icône qui représente une ancre. Une boîte de
dialogue s’ouvre. Elle vous demande de donner un nom à
l’ancre que vous voulez insérer. Le plus simple est de
l’intituler "Haut".
(Voir ci-contre)
Cliquez sur OK.
L’ancre est insérée.
Bon à savoir
Qu’est-ce qu’une
ancre ?
Une ancre fonctionne comme un repère invisible, une balise que
l’on place dans la page pour la jalonner. Dans le cas
présent, nous avons placé une ancre en haut de la page. C’est
notre point de repère. Ensuite, dans le reste du corps du contenu,
nous pourrons insérer des liens internes à la page qui nous
ramènerons à notre ancre.
Les ancres permettent de faire des liens vers des endroits bien
précis dans une page. Leur utilisation ouvre d’autres
possibilités que nous verrons plus tard comme :
-
la mise en place d’un mini sommaire en haut de page (on
clique sur le titre qui nous amène directement au bon endroit de la
page) ;
-
la possibilité de faire un lien vers un endroit précis dans une
autre page.
Voici à droite l’ancre insérée dans le contenu.
L’étape suivante consiste à placer le curseur à
l’endroit de la page où l’on souhaite insérer un lien
vers le haut de la page et à saisir du texte.
Exemple : [Retour haut de page]
Surbrillez ce texte puis cliquez sur l’icône
"Insérer/Modifier un lien".
Dans la section "Type de lien", déroulez la liste pour afficher
"Ancre dans cette page". La liste de toutes les ancres disponibles
s’affiche. Sélectionnez l’ancre "Haut", puis
validez.
Le lien de retour vers le haut de la page est inséré.
Cela nous donne ceci :
[Retour haut de page]
Pour insérer d’autres retours haut de page, il suffit à
chaque fois de se positionner dans le corps du contenu aux endroits
où l’on souhaite les placer, de réinscrire le texte, le
surbriller et insérer le lien vers le haut de page.
Une fois que tous les liens sont insérés, vérifiez à
l’aperçu qu’ils fonctionnent et sont placés
correctement.
Et si vous mettiez
une image à la place du texte ?
La méthode ne se limite pas seulement au texte. On peut très
bien imaginer insérer un lien vers le haut de page sur une image,
comme un bouton d’action, ou même combiner texte et
image.
Pour ce faire :
-
Insérez, si ce n’est pas déjà fait, votre ancre "Haut" en
haut du contenu.
-
Insérez votre image à l’endroit où vous souhaitez insérer
un retour en haut de page. Exemple : une flèche d’une
vingtaine de pixels pointée vers le haut.
-
Surbrillez l’image.
-
Insérez le lien vers l'ancre "Haut" comme plus haut sur le
texte.
Voici le résultat
:
-
Image seule
