Une barre de progression de lecture dynamique sur WordPress

Nous avons réalisé pour des projets récents un plugin WordPress puis nous l’avons mise à disposition sur le dépôt officiel. L’extension permet d’ajouter une barre de progression de lecture dynamique sur les pages de votre site.

Cette extension est maintenant disponible pour tous et s’intègre bien sur les thèmes WordPress qu’ils soient gratuits, premium ou réalisés sur-mesure.

Capture d'écran extension barre de lecture dynamique

Cette extension utilise l’élément HTML progress qui peut être appliqué sur tout ou partie de vos contenus : page d’accueil, page de blog, archives de contenus, articles et pages, types de contenus personnalisés, etc.

La barre de progression de lecture peut être positionnée de différentes manières avec trois options : haut, bas ou positionnement personnalisé. Dans ce dernier cas, un élément HTML vous sera demandé afin de placer la barre de progression sur l’élément désiré.

Plusieurs options de mise en forme sont disponibles : hauteur de la barre, couleur de premier plan, couleur d’arrière-plan, etc.

Capture d'écran extension barre de progression de lecture dynamique back

Où télécharger ce plugin WordPress

L’extension est disponible en téléchargement libre et gratuit ici : https://wordpress.org/plugins/reading-progress-bar/

Elle est pour l’instant disponible en français, anglais et en allemand.

Pour les développeurs qui souhaiteraient proposer des améliorations ou forker le projet, un dépôt Github est dispo ici : https://github.com/audrasjb/reading-progressbar

Les évolutions à venir

  • Possibilité de définir un bloc de contenu pour calculer la progression de lecture en excluant le header, le footer, les commentaires, etc.
  • Possibilité de rendre la couleur de fond de la barre de progression transparente.
Vous avez aimé ? Partagez !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *