Une barre de progression de lecture pour WordPress

Reading progressbar est un plug-in gratuit en français conçu pour WordPress qui s’intègre automatiquement sur les thèmes du CMS. L’interface de l’extension outre le français est disponible également en anglais et en allemand. Elle a été développée par Jean Baptiste Audras.

Une fois l’extension installée et activée, elle ajoute une barre de progression dynamique de lecture sur les articles et les pages du blog. La position de lecture est calculée automatiquement en fonction de la longueur du texte à lire.

Cette barre de progression de lecture s’actualise et progresse horizontalement dans un sens ou dans l’autre au fur et à mesure que le visiteur lit un article ou une page en lui indiquant la position relative de lecture dans le texte pour lui montrer son avancée.

reading-progressbar

La barre de progression peut s’afficher selon la configuration choisie sur la page d’accueil, les pages du blog, les pages d’archives, de catégories, les articles, etc. en cochant les cases appropriées dans les options de l’extension.

barre-progression-lecture-wordpress

La barre de progression de lecture est configurable grâce à plusieurs options accessibles depuis l’Administration de WordPress au niveau des réglages où la ligne Reading progressbar a été ajoutée.

reading-progressbar-options

Les options de mise en forme permettent d’ajuster la hauteur de la barre de progression en indiquant un nombre de pixels, la couleur de premier plan et la couleur de l’arrière-plan.

La position de la barre de progression de lecture se place au haut ou en bas du texte ou encore à un emplacement personnalisé. Dans ce dernier cas de figure, il faudra indiquer l’élément HTML où devra être placée la barre de progression de lecture. Le fonctionnement de l’extension repose sur l’élément HTML progress.

Le code source de l’extension est disponible sur GitHub.

Reading progressbar est à télécharger et à installer depuis le catalogue des extensions de WordPress.

Quelques évolutions sont prévues pour Reading progressbar : exclusion du header, du footer, des commentaires… pour calculer la progression de lecture et possibilité de rendre la couleur de fond de la barre de progression de lecture transparente.