Ajouter une version audio à vos articles Weebly
Weebly est un éditeur fermé, mais l'audio s'y ajoute sans développeur : un bloc Code intégré pour le lecteur, le flux RSS pour fabriquer l'audio tout seul, l'API pour garder la main. Les trois chemins et celui à choisir.
Weebly a séduit des années durant les gens qui voulaient un site propre sans écrire une ligne de code : on glisse des blocs, on publie, c'est fini. Ce confort a une contrepartie que découvre vite quiconque veut aller un cran plus loin. Weebly est un environnement fermé, où l'on ajoute des fonctions par les éléments prévus par l'éditeur, et non en installant librement une extension serveur comme sur WordPress. Mettre vos articles en audio semble donc hors de portée. Ce n'est pas le cas : sur Weebly, l'audio s'ajoute sans développeur, à condition de passer par la bonne porte. Voici les trois chemins, du plus rapide au plus automatisé.
Le lecteur : un bloc Code intégré dans votre mise en page
Weebly propose un élément « Code intégré » (parfois appelé « Embed Code ») que vous faites glisser dans la page comme n'importe quel autre bloc, puis dans lequel vous collez du HTML. C'est lui qui accueille le lecteur. Pour qu'il apparaisse sur tous vos billets d'un coup plutôt que page par page, placez le bloc dans la zone répétée de votre modèle d'article, juste sous le titre par exemple.
Le code à coller tient en deux lignes :
``
<div data-wedispatch="wda-ARTICLE_ID"></div>
<script src="https://wedispatch.fr/player.js"
data-article="ARTICLE_ID" data-slot="wda-ARTICLE_ID" defer></script>
Le premier élément réserve l'emplacement exact où le lecteur se dessinera, le second va chercher l'audio associé. Cette précision n'est pas cosmétique : sur un billet composé de plusieurs parties, chacune peut recevoir son propre lecteur sans qu'ils se marchent dessus, et le lecteur reste à sa place même si Weebly ou un cache déplace le script. Le lecteur reprend ensuite la largeur de la colonne, sans réglage.
Relier le bon audio au bon article
Reste à dire quel fichier va avec quel billet. Deux façons, selon votre aisance.
La plus directe laisse la reconnaissance se faire sur l'adresse de la page : vous nous communiquez l'URL de l'article, le texte est extrait de la page publiée et l'audio est associé. Rien à saisir. La plus robuste s'appuie sur un identifiant stable que vous reportez dans l'attribut data-article : l'association tient même si l'adresse change un jour, lors d'une refonte ou d'un changement de titre. Quelques minutes de plus à la pose, aucune surprise ensuite. Ce choix entre adresse et identifiant est le même quel que soit le lecteur, en page ou en cadre isolé, comme l'explique l'article sur le lecteur en page ou en iframe.
Trois façons de fabriquer l'audio
Afficher le lecteur ne suffit pas, il faut produire le fichier. Sur Weebly, trois voies.
Le flux RSS est la plus simple. Le blog Weebly expose nativement un flux ; vous nous transmettez son adresse, les nouveaux billets sont repérés au fil de leur publication, le texte en est extrait et l'audio généré sans aucune action de votre part. C'est la voie d'une petite équipe qui veut continuer à publier comme d'habitude et retrouver le lecteur en ligne tout seul.
Le plan de site fonctionne sur le même principe si vous préférez pointer vers votre sitemap, utile quand certaines de vos pages ne passent pas par le blog.
Enfin, si vous avez besoin de contrôle (déclencher la génération à un moment précis, choisir la voix, gérer des corrections), l'API reste ouverte. Un site Weebly peut l'appeler au moment de la publication via un automatisme externe. C'est plus de travail au départ, mais vous tenez toute la chaîne.
Lecture suivie et accessibilité
Quel que soit le chemin, vous pouvez activer la lecture suivie : le texte défile et se surligne mot à mot au rythme de la voix. Sur un site personnel comme sur un site de marque, ce détail compte pour les lecteurs dyslexiques et malvoyants, et il inscrit votre site dans une démarche d'accessibilité concrète plutôt que décorative. Rien de tout cela n'exige de toucher au thème Weebly : le lecteur, les sous-titres et la lecture suivie se règlent depuis votre tableau de bord, hors de l'éditeur.
Quand un article change
Corriger puis republier un billet est courant. Si vous passez par le flux RSS, la mise à jour est repérée et l'audio marqué « à régénérer » : vous relancez la génération une fois le texte stabilisé, et les corrections successives ne sont jamais refacturées. Si vous passez par l'API, vous renvoyez le même identifiant avec le texte corrigé. Dans les deux cas, l'audio déjà publié continue d'être servi tant que vous n'avez pas relancé : aucune page ne se retrouve muette pendant vos ajustements.
Par où commencer
Pour un site Weebly, la voie la plus rapide reste le flux RSS combiné au bloc Code intégré dans le modèle de billet : un quart d'heure de mise en place, aucune ligne de code à écrire, et chaque nouvel article part avec sa version audio. Ajoutez l'API seulement si vous tenez à des identifiants stables ou à un déclenchement précis. La logique est la même que sur les autres éditeurs fermés, décrite pour Wix : l'éditeur verrouille le serveur, mais il laisse toujours entrer un bloc de code et sortir un flux, et ces deux portes suffisent. Le plus convaincant reste d'écouter le résultat sur vos propres pages avant d'équiper tout le site.
Sonorisez vos articles avec WeDispatch
Ce blog sera lui-même sonorisé par WeDispatch. Envie de voir ce que ça donne sur vos contenus ?
Demandez une démo