Tutoriel : Facilitez la navigation avec une ancre de pied de page dans WordPress

Tutoriel : Facilitez la navigation avec une ancre de pied de page dans WordPress

Lors d’un article précédant, nous avions déjà traité des ancres dans WordPress. Voici, à présent, un tutoriel plus précis sur l’insertion d’un lien « retour en haut de page« , qui facilitera la navigation sur le site puisque le visiteur ne devra plus scroller afin de revenir en haut de page.

Comment faire un lien de retour en haut de page?

  • Ouvrez le fichier « header.php »

Vous trouverez ce fichier soit dans l’éditeur de thèmes inclut dans WordPress ( Apparence > Editeur ), soit en accédant à votre hébergeur via FTP, le fichier sera alors dans wp-content > themes > NOMDUTHEME.

  • Insérez une ancre dans l’en-tête

Recherchez la fermeture de la balise </header> et l’ouverture de la balise <body>. Quand vous les aurez trouvées, copiez le code <a name= »HautDePage »></a> entre ces deux balises et sauvegardez le fichier.

  • Insérez un lien dans le pied de page

Ouvrez le fichier « footer.php » qui se trouve dans wp-content > themes > NOMDUTHEME ou via Apparence > Editeur. Vous pouvez placer le lien <a href= »#HautDePage »>Retour en haut</a>. Finalement terminez par une sauvegarde du fichier   »footer.php » et admirez le résultat.