WordPress
time_read15mn de lecture

Comment ajouter un bouton « Retour en haut » dans WordPress ?

10 janvier 2024

Comment ajouter un bouton

Naviguer sur un site web peut parfois ressembler à une petite aventure, surtout lorsque l’on défile longuement sur une page 🌐⬇️. Heureusement, il existe une solution simple et élégante pour améliorer l’expérience utilisateur sur votre site WordPress : l’ajout d’un bouton « Retour en haut » ⬆️🔝. Dans cet article, nous allons vous guider à travers les étapes pour intégrer ce bouton pratique sur votre site. Que vous soyez un débutant ou un expert en WordPress, vous découvrirez comment ce petit ajout peut faire une grande différence en termes de confort de navigation pour vos visiteurs. Préparez-vous à enrichir votre site WordPress avec cette fonctionnalité conviviale qui permet à vos utilisateurs de remonter facilement en haut de page avec un simple clic 🖱️✨.

Objectif

Cet article a pour objectif de vous aider à ajouter un bouton Retour en haut dans WordPress, et à comprendre également son utilité. Vous allez apprendre à le faire en modifiant des fichiers sources, et en utilisant des plugins.

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Prérequis

Il y a plusieurs manières pour ajouter un bouton « Retour en haut » dans WordPress.

En premier lieu, vous devez bien sûr disposer d’un site web WordPress avec accès à son espace d’administration.

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Vous pouvez ajouter le bouton « Retour en haut » en modifiant des fichiers sources. Cela implique le fait de maîtriser l’utilisation des codes dans WordPress. En plus de cela, les plugins seront par ailleurs utilisés. Il va falloir alors savoir manipuler les plugins du CMS WordPress.

Ajouter un bouton « Retour en haut » dans WordPress manuellement

Pour ajouter un bouton « Retour en haut » dans WordPress manuellement, vous aurez à toucher certains fichiers.

Avant toute modification manuelle d’un fichier source WordPress, il est conseillé de faire une sauvegarde complète.

Trucs et astuces


Si vous hébergez votre site sur une formule d’hébergement LWS (hébergement web standard, hébergement cPanel, hébergement WordPress…), alors vous disposez de sauvegardes journalières gratuites accessibles depuis votre espace client LWS Panel.

En tout premier lieu, le fichier header.php sera modifié. Rendez-vous dans Apparences, et ensuite dans Éditeur de fichiers des thèmes. Cette capture pourra vous guider. 👇

ajouter un bouton Retour en haut dans WordPress

Dans /wp-content/themes/votre-theme/, vous allez retrouver le fichier header.php que vous allez modifier. Dans ce fichier, copiez le code suivant 👇 tout juste après l’ouverture de la balide head qui est dans la balise body.

<a name="top"></a>

Vous devez normalement obtenir le résultat suivant 👇 :

</head>
<body><a name="top"></a>

Après cela, vous allez enregistrer, pour que toutes vos modifications soient prises en compte dans le fichier.

Ensuite, vous allez choisir un emplacement pour votre bouton Retour en haut. Très souvent, il se retrouve en bas de page. C’est ce qui va vous amener à modifier votre fichier footer.php. Le fichier qui sera modifié ici sera en fonction de l’emplacement où vous voulez mettre votre bouton Retour en haut. Vous devez donc utiliser le code suivant 👇 :

< a href = "#top" >Retour en haut</ a >

Lorsque vous allez enregistrer ce fichier, vous verrez à l’emplacement choisi, votre bouton Retour en haut.

Besoin d’un hébergement WordPress rapide et de qualité ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l’offre

Ajouter un bouton « Retour en haut » dans WordPress à l’aide d’un plugin

Pour plus de facilité, vous pouvez ajouter un bouton « Retour en haut » dans WordPress à l’aide d’un plugin.

Vous pourrez par exemple opter pour le plugin Dynamic-to-top, qui permet d’ajouter le bouton facilement et rapidement. Ce plugin vous permet d’ajouter de façon automatique votre bouton Retour en haut, en bas de votre page.

Pour l’installer, rendez-vous dans la rubrique « Extensions » de votre tableau de bord WordPress, cliquez sur le lien « Ajouter » puis recherchez le plugin. Installez-le à l’aide du bouton « Installer » puis activez-le.

bouton retour en haut WordPress plugin dynamic to top

Rendez-vous ensuite dans l’onglet « Apparence » de votre tableau de bord, lien « Haut de page » pour configurer votre bouton.

bouton haut de page WordPress

Le fonctionnement de ce plugin est très intuitif. Vous allez donc pouvoir l’utiliser sans difficultés, et le customiser aussi selon vos préférences et les besoins de votre site WordPress. 🤓

bouton haut de page WordPress plugin Dynamic to top

Conclusion

Toutes nos félicitations ! 🌞 Vous venez d’apprendre comment ajouter un bouton Retour en haut dans WordPress ! Cette fonctionnalité va vous permettre de rendre la navigation facile à vos utilisateurs sur votre site WordPress. 🤓

Avez-vous d’autres méthodes pour ajouter un bouton Retour en haut dans WordPress ? Faites-nous part de cela dans la section des commentaires.

Besoin de créer une boutique en ligne rapide et sécurisée ?

LWS vous conseille sa formule d’hébergement e-commerce en promotion à -40% (offre à partir de 2,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (4)

feneon
02/06/2023 - 14:35
Karen
2023-06-04 15:04:14
AgnesM
18/01/2024 - 17:33
Karen
2024-01-20 20:38:28

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.