Elementor et autres constructeurs de pages

3 min read

TTSWP fonctionne avec tous les principaux constructeurs de pages. Le lecteur apparaît automatiquement sur les articles qui ont un audio, quel que soit le constructeur utilisé. Cette page couvre les conseils par constructeur et les particularités connues.

Elementor

Comportement par défaut

Le lecteur apparaît sur les articles créés avec Elementor à l'emplacement que vous avez choisi (après le titre, après le contenu, etc.). Aucune configuration supplémentaire n'est nécessaire.

Placement personnalisé avec un widget

Si vous souhaitez placer le lecteur à un endroit précis (pas l'emplacement global), utilisez le widget Shortcode dans Elementor :

  1. Ajoutez un widget Shortcode à votre mise en page Elementor.
  2. Collez [tts_player].
  3. Enregistrez.

Le lecteur apparaît exactement là où vous avez placé le widget.

Particularités connues

  • L'éditeur de prévisualisation d'Elementor n'affiche pas le lecteur de synthèse vocale (seul le site en ligne le fait)
  • Les parties de modèles et les en-têtes ne peuvent pas contenir le lecteur via le placement global - utilisez le widget shortcode
  • Les modèles du constructeur de thème Elementor Pro fonctionnent avec la méthode du widget shortcode

Divi

Le lecteur apparaît automatiquement à l'emplacement global. Pour un placement personnalisé :

  1. Ajoutez un module Texte à votre mise en page Divi.
  2. Collez [tts_player].
  3. Enregistrez.

Visual Composer (WPBakery)

Utilisez l'élément Bloc de texte ou HTML brut :

[tts_player]

Gutenberg (éditeur de blocs)

Fonctionne directement. Le lecteur apparaît à l'emplacement global.

Pour un placement personnalisé dans un article, utilisez le bloc HTML personnalisé ou le bloc Shortcode :

[mementor-tts]Texte personnalisé à narrer.[/mementor-tts]

Éditeur classique

Fonctionne directement pour le placement automatique. Pour les shortcodes personnalisés, collez-les simplement dans la zone de texte.

Beaver Builder

Utilisez le module HTML et collez [tts_player].

Oxygen Builder

Utilisez un composant Shortcode et collez [tts_player].

Problèmes courants avec les constructeurs

Le lecteur est absent sur certaines pages

Vérifiez :

  1. Le type de publication est activé dans Synthèse vocale - Contenu
  2. L'article a bien un audio généré (ouvrez la liste des articles, confirmez que la colonne TTS affiche Lecture)
  3. Votre constructeur ne remplace pas le hook the_content (certains le font)

Si votre constructeur contourne the_content, utilisez la méthode shortcode ci-dessus.

La position du lecteur semble incorrecte

Le placement global cible le filtre the_content de WordPress. Les constructeurs qui affichent leur propre contenu via un hook différent peuvent placer le lecteur à un endroit inattendu. Passez à une approche basée sur les shortcodes pour un contrôle précis.

Pages associées

All articles in this section