Comment ajouter une barre de progression de lecture dans les publications WordPress
Avez-vous remarqué que certains sites populaires affichent une barre de progression de lecture en haut de leurs articles ?
Cette petite barre montre aux utilisateurs combien de temps il reste à faire défiler l'article et les encourage à continuer la lecture. Cela peut aider les visiteurs de votre site Web à lire votre contenu et à améliorer l’expérience utilisateur globale.
Dans cet article, nous allons vous montrer comment ajouter une barre de progression de lecture dans les articles WordPress.
Pourquoi et quand ajouter une barre de progression de lecture dans WordPress
Les utilisateurs ne passent que quelques secondes sur une page Web avant de décider de rester ou de partir. Garder les utilisateurs engagés devient un peu plus difficile si vous publiez des articles longs, car ils obligent les utilisateurs à faire défiler vers le bas.
Certains propriétaires de sites ajoutent des publications connexes en ligne, tandis que d'autres utilisent des vidéos ou des galeries d'images pour garder les utilisateurs sur la page.
Une barre de progression de lecture ajoute une petite amélioration de l'interface utilisateur qui encourage les utilisateurs à faire défiler vers le bas. Cela motive également les utilisateurs à terminer l’article qu’ils lisent.
De nombreux sites Web populaires aiment utiliser les indicateurs de progression en lecture pour impliquer leurs lecteurs. Cependant, vous devez également vous assurer que l’indicateur de progression de la lecture est subtil et ne détourne pas l’attention du contenu lui-même.
Cela dit, voyons comment vous pouvez facilement ajouter un indicateur de progression de lecture pour vos articles WordPress.
Didacticiel vidéo
Si vous préférez des instructions écrites, continuez simplement à lire.
Ajout d'une barre de progression de lecture dans les publications WordPress
Le moyen le plus simple d’afficher une barre de progression de lecture dans les articles et les pages de blog consiste à utiliser un plugin comme Worth The Read.
Il s’agit d’un plugin WordPress gratuit, léger et permettant d’ajouter une barre de progression de lecture à votre site Web. Le plugin offre plusieurs options de personnalisation et vous permet de modifier son style pour l'adapter au thème de votre site Web. Vous pouvez même l'utiliser pour afficher le temps de lecture de vos articles.
La première chose que vous devez faire est d’installer et d’activer le plugin Worth The Read. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Lors de l'activation, vous devez visiter la page Worth The Read Reading »Progression à partir du panneau d'administration WordPress et accéder à l'onglet « Fonctionnalité » pour configurer votre indicateur de barre de progression.
Ensuite, vous pouvez choisir d'afficher ou non la barre de progression sur vos publications, pages et page d'accueil. Il existe également une option pour afficher la barre de lecture sur les types de publications personnalisés.
Si vous faites défiler vers le bas, vous trouverez plus d’options de personnalisation.
Vous pouvez inclure des commentaires dans toute la longueur de la barre de progression en activant l'option « Inclure les commentaires ». Si vous incluez des commentaires, vous pouvez également choisir une couleur d'arrière-plan différente pour la zone de progression des commentaires.
Le plugin vous permet également de sélectionner l'emplacement de la barre de progression de lecture. L'option par défaut se trouve en haut et est utilisée par la plupart des sites. Vous pouvez le modifier pour afficher la barre de progression à droite, à gauche ou en bas de la page.
En dehors de cela, il existe davantage d’options pour personnaliser la barre de progression de lecture.
Par exemple, vous pouvez déplacer la barre de droite à gauche, utiliser une opacité fixe, activer la barre de progression pour les appareils tactiles comme les mobiles et les tablettes, activer le mode débogage, etc.
Lorsque vous avez terminé, n'oubliez pas de cliquer sur le bouton « Enregistrer les modifications ».
Ensuite, rendez-vous dans l’onglet « Style » sous Progression de la lecture pour modifier l’apparence de la barre de progression de la lecture.
Le plugin vous permet de choisir l'épaisseur de la barre de progression et de sélectionner les couleurs de premier plan et d'arrière-plan en fonction de votre thème WordPress.
La couleur d'arrière-plan est utilisée pour remplir la barre de progression vide et la couleur de premier plan sera utilisée pour afficher la progression à mesure qu'un utilisateur fait défiler vers le bas.
Il vous permet même d'utiliser un arrière-plan transparent pour la barre de progression. Cocher cette option remplacera les options de couleur d’arrière-plan et seule la couleur de premier plan sera affichée lorsque les utilisateurs feront défiler un article.
Après avoir modifié le style, n'oubliez pas d'enregistrer les modifications pour stocker vos paramètres.
Vous pouvez désormais visiter n’importe quel article de blog ou page de destination de votre site Web pour voir la barre de progression en action.
Nous espérons que cet article vous a aidé à ajouter une barre de progression de lecture dans WordPress. Vous voudrez peut-être également consulter notre liste des meilleurs plugins WooCommerce et comment choisir le meilleur logiciel de conception de sites Web.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.