Elementor und andere Page-Builder

3 min read

TTSWP funktioniert mit allen wichtigen Page-Buildern. Der Player erscheint automatisch auf Beiträgen mit Audio, unabhängig davon, welcher Builder den Beitrag erstellt hat. Diese Seite enthält Tipps und bekannte Eigenheiten für jeden Builder.

Elementor

Standardverhalten

Der Player erscheint auf mit Elementor erstellten Beiträgen an der von dir gewählten Position (nach dem Titel, nach dem Inhalt usw.). Keine zusätzliche Einrichtung nötig.

Benutzerdefinierte Platzierung mit einem Widget

Wenn du den Player an einer bestimmten Stelle platzieren möchtest (nicht die globale Platzierung), verwende das Shortcode-Widget in Elementor:

  1. Füge ein Shortcode-Widget zu deinem Elementor-Layout hinzu.
  2. Füge [tts_player] ein.
  3. Speichern.

Der Player erscheint genau dort, wo du das Widget platziert hast.

Bekannte Eigenheiten

  • Der Vorschau-Editor von Elementor zeigt den Text-zu-Sprache-Player nicht an (nur die Live-Seite tut das)
  • Template-Teile und Header können den Player nicht über die globale Platzierung einbinden - verwende das Shortcode-Widget
  • Die Theme-Builder-Templates von Elementor Pro funktionieren mit der Shortcode-Widget-Methode

Divi

Der Player erscheint automatisch an der globalen Position. Für eine benutzerdefinierte Platzierung:

  1. Füge ein Text-Modul zu deinem Divi-Layout hinzu.
  2. Füge [tts_player] ein.
  3. Speichern.

Visual Composer (WPBakery)

Verwende das Element Text Block oder Raw HTML:

[tts_player]

Gutenberg (Block-Editor)

Funktioniert direkt ohne weitere Einrichtung. Der Player erscheint an der globalen Position.

Für eine benutzerdefinierte Platzierung innerhalb eines Beitrags verwende den Block Benutzerdefiniertes HTML oder den Block Shortcode:

[mementor-tts]Benutzerdefinierter Text zur Vertonung.[/mementor-tts]

Classic Editor

Funktioniert direkt für die automatische Platzierung. Für benutzerdefinierte Shortcodes füge sie einfach in den Textbereich ein.

Beaver Builder

Verwende das HTML-Modul und füge [tts_player] ein.

Oxygen Builder

Verwende eine Shortcode-Komponente und füge [tts_player] ein.

Häufige Probleme bei allen Buildern

Player fehlt auf einigen Seiten

Prüfe folgendes:

  1. Der Beitragstyp ist unter Text-zu-Sprache → Inhalte aktiviert
  2. Für den Beitrag wurde tatsächlich Audio generiert (öffne die Beitragsliste und prüfe, ob die TTS-Spalte Abspielen anzeigt)
  3. Dein Builder überschreibt nicht den Hook the_content (manche tun das)

Wenn dein Builder the_content umgeht, verwende die oben beschriebene Shortcode-Methode.

Player-Position sieht falsch aus

Die globale Platzierung richtet sich nach dem WordPress-Filter the_content. Builder, die ihren eigenen Inhalt über einen anderen Hook ausgeben, platzieren den Player möglicherweise an einer unerwarteten Stelle. Wechsle zur Shortcode-basierten Methode für eine genaue Steuerung.

Verwandte Seiten