Si vous avez besoin de proposer un lecteur audio de vos articles sur votre blog (pour des personnes ayant des difficultés à lire par exemple), il vous suffit d’activer une extension qui le fera pour vous.

Activer l’extension

Sur la plateforme académique, c’est l’extension ResponsiveVoice Text To Speech qui a été choisie. Activez-la depuis votre tableau de bord.

Dans le menu du tableau de bord (colonne de gauche), choisissez “Extensions”. Recherchez l’extension ResponsiveVoice Text To Speech dans la liste et cliquez sur “Activer”.

Ajouter un bouton dans un article

Si vous voulez proposer la lecture de votre article ou de votre page, ajoutez le code [responsivevoice_button] à votre article.

Dans votre article, ajoutez un bloc “Code court” dans la catégorie de blocs “Widgets” et collez le code ci-dessous.

[responsivevoice_button]

Vos visiteurs verront alors un bouton “Écouter l’article” (on peut modifier le texte du bouton).

Conseils

Prenez grand soin de la ponctuation. En effet, si vous faites se succéder deux paragraphes sans “point”, la lecture sera enchaînée. Le rendu est meilleur si vous utilisez de façon optimale la ponctuation.

Exemple mal ponctué

Voici un petit texte

Je retourne à la ligne sans avoir mis de point.

J’énonce plusieurs objets sans les séparer par des virgules : papier stylo gomme crayon

  • Voici une liste sans ponctuation
  • deuxième ligne
  • et la dernière


Exemple mieux ponctué

Voici un petit texte.

Je retourne à la ligne après avoir mis un point.

J’énonce plusieurs objets en les séparant par des virgules : papier, stylo, gomme, crayon.

  • Voici une liste avec ponctuation ;
  • deuxième ligne ;
  • et la dernière.

Différentes options

  • On peut préciser la langue. Vous trouverez l’ensemble des voix proposées ici (liste déroulante) . Très souvent vous avez deux voix proposées pour une langue.
  • On peut choisir le texte affiché dans le bouton.
  • On peut choisir de ne proposer la lecture que pour une partie du texte.

Tout est expliqué là en anglais, mais je vous donne trois exemples en français ci-dessous.

Un bouton pour un article en français (voix de femme)

[responsivevoice voice="French Female" buttontext="Écouter cet article"]

Un bouton pour un article en français (voix d’homme)

[responsivevoice voice="French Male" buttontext="Écouter cet article"]

Un bouton pour un article en allemand

[responsivevoice voice="Deutsch Female" buttontext="Hören diesen Artikel"]

Autres voix/langues disponibles : ici

Un bouton pour une partie de votre article

[responsivevoice voice="French Female" buttontext="Écouter ce passage"] votre texte [/responsivevoice]

Créer un bloc réutilisable

Si vous utilisez régulièrement cette possibilité pour vos articles, voici une astuce.

A partir du bloc “Code court” contenant le code du bouton avec vos réglages préférés (voix et texte), cliquez sur les trois points du menu contextuel, puis choisissez “Ajouter aux blocs réutilisables”. Donnez-lui un nom parlant.

La prochaine fois vous pourrez ajouter votre bloc à partir de la catégorie “Blocs réutilisables” sans vous préoccuper de retrouver quel est le code qui va bien.