Le lecteur audio est ce que vos visiteurs voient et utilisent. Vous pouvez modifier ses couleurs, sa position sur la page, sa taille et les contrôles qu'il affiche. Prévisualisez vos modifications en direct avant de sauvegarder.
Ouvrir la page de paramètres du lecteur
Allez dans Synthèse vocale → Lecteur. La page est organisée en cinq sections :
- Emplacement
- Couleurs
- Style de barre de progression
- Contrôles affichés
- Aperçu en direct
Chaque modification que vous apportez met à jour l'aperçu en bas de la page.
Emplacement
Où le lecteur apparaît sur vos articles. Choisissez parmi :
- Avant le titre : au-dessus du titre de l'article
- Après le titre : entre le titre et le premier paragraphe
- Après le contenu : à la fin de l'article (par défaut)
- Avant l'extrait : affiché uniquement dans les archives ou les listes d'articles
- Après l'extrait : affiché après les résumés dans les archives
- Pied de page fixe (PRO) : épinglé en bas de la page pendant que le visiteur fait défiler
Pour la plupart des blogs, Après le titre ou Après le contenu convient le mieux. Consultez Lecteur en pied de page fixe pour l'option barre épinglée.
Couleurs
Trois sélecteurs de couleurs contrôlent l'apparence du lecteur :
- Arrière-plan : la couleur de surface du lecteur
- Texte : couleur du titre et de l'affichage de la durée
- Accent / Lecture : le bouton de lecture, le remplissage de la progression et les icônes actives
Choisissez des couleurs qui correspondent à votre thème. L'aperçu se met à jour en temps réel.
Conseil : Si vous utilisez des variables CSS dans votre thème, vous pouvez remplacer ces couleurs avec du CSS personnalisé. Consultez CSS personnalisé.
Style de barre de progression
Deux options :
- Linéaire : une barre de progression horizontale standard (par défaut)
- Forme d'onde (PRO) : une forme d'onde visuelle où chaque article obtient un motif unique
La forme d'onde ajoute du caractère à chaque article et s'intègre parfaitement aux contenus de style podcast. Elle est basée sur SVG et n'alourdit pas la page de manière significative. Consultez Barre de progression en forme d'onde.
Contrôles affichés
Chaque contrôle est un simple bouton on/off. Activez-les pour les rendre visibles, désactivez-les pour un rendu plus épuré.
- Lecture / pause : toujours activé (ne peut pas être désactivé)
- Temps écoulé et durée totale
- Vitesse de lecture (0,5x, 1x, 1,25x, 1,5x, 2x)
- Volume
- Téléchargement
- Boucle
- Icône d'information (affiche le nom de la voix et la langue)
Pour l'accessibilité, nous recommandons de laisser Affichage du temps, Vitesse et Téléchargement activés.
Aperçu en direct
Le bas de la page affiche exactement ce que vos visiteurs verront. Un court extrait de texte se lit lorsque vous cliquez. L'aperçu se met à jour à chaque modification.
Cliquez sur Enregistrer les modifications dans la barre supérieure lorsque vous êtes satisfait. Les modifications s'appliquent immédiatement à tous les articles avec audio.
Comportement mobile
Le lecteur est responsive et s'adapte aux petits écrans :
- En dessous de 480px : les contrôles Téléchargement et Information se regroupent dans un menu
- En dessous de 320px : les contrôles Boucle et Vitesse disparaissent, ne conservant que Lecture et Temps
Mise en cache du CSS dynamique
Vos choix de couleurs sont mis en cache pendant 12 heures pour éviter de régénérer le CSS à chaque chargement de page. Lorsque vous enregistrez des modifications, le cache se vide automatiquement. Si vous voyez d'anciennes couleurs, actualisez la page en forçant le rechargement (Ctrl+Maj+R).