Player wird im Frontend nicht angezeigt

4 min read

Das Audio wurde im Admin korrekt generiert, aber beim Aufrufen des Beitrags auf der Website ist kein Audio-Player sichtbar. Diese Seite beschreibt die häufigsten Ursachen.

Schnell-Checkliste

Vor der Fehlersuche:

  1. Seite mit Strg+Umschalt+R neu laden (Hard-Refresh umgeht den Cache)
  2. Prüfen, ob der Beitrag im Admin in der TTS-Spalte Audio enthält
  3. Prüfen, ob du nicht ausgeloggt bist (manche Themes blenden Admin-Elemente aus)

Ursache 1: Der Beitragstyp ist nicht aktiviert

Symptom: Audio ist im Admin vorhanden, aber kein Player im Frontend. Funktioniert bei manchen Beitragstypen, bei anderen nicht.

Lösung:

  1. Gehe zu Text-zu-Sprache - TTSWP → Inhalt.
  2. Prüfe, ob der Typ des aktuellen Beitrags aktiviert ist (Beiträge, Seiten, Produkte usw.).
  3. Speichern.
  4. Frontend-Beitrag neu laden.

Ursache 2: Theme-Konflikt

Symptom: Der Player erscheint bei manchen Themes, aber nicht bei deinem - oder er erscheint, ist aber unsichtbar oder defekt.

Häufige Gründe:

  • Dein Theme entfernt den the_content-Filter, über den TTSWP den Player einfügt
  • Dein Theme verwendet ein benutzerdefiniertes Template, das die Standard-Content-Hooks von WordPress umgeht
  • CSS deines Themes blendet den Player aus (display: none irgendwo)

Lösung:

  1. Wechsle vorübergehend zu einem Standard-WordPress-Theme (Twenty Twenty-Four).
  2. Lade den Beitrag neu.
  3. Erscheint der Player im Standard-Theme, liegt das Problem an deinem Theme.

Workarounds:

  • Verwende den Shortcode [mementor-tts] im Beitrag, um die Platzierung zu erzwingen
  • Verwende den Shortcode [tts_player id="123"] in einem benutzerdefinierten Theme-Template
  • Füge benutzerdefiniertes CSS hinzu, um den Player sichtbar zu machen, falls er ausgeblendet wird

Ursache 3: Platzierung ist auf eine nicht angezeigte Ansicht gesetzt

Symptom: Player erscheint auf manchen Seiten, auf anderen nicht.

Beispiel: Ist die Platzierung auf Vor dem Auszug gesetzt, erscheint der Player nur auf Archiv- und Blog-Listenseiten, nicht bei einzelnen Beiträgen.

Lösung:

  1. Gehe zu Text-zu-Sprache - TTSWP → Player.
  2. Prüfe das Dropdown Platzierung.
  3. Wechsle zu Nach Titel oder Nach Inhalt für die universellste Platzierung.
  4. Speichern.

Ursache 4: Cache liefert eine alte Version aus

Symptom: Player erscheint in einem neuen Inkognito-Fenster, aber nicht im normalen Browser.

Lösung:

  1. Browser-Cache leeren (Strg+Umschalt+Entf).
  2. Falls du ein Caching-Plugin verwendest (WP Rocket, LiteSpeed usw.), dessen Cache leeren.
  3. Falls du ein CDN verwendest (Cloudflare usw.), dessen Cache bereinigen.

Siehe Caching-Plugins.

Ursache 5: JavaScript blockiert

Symptom: Das Player-HTML ist vorhanden (Quellcode anzeigen), aber der Player sieht defekt oder statisch aus.

Warum: Der Player verwendet JavaScript für die Steuerung. Wenn JS blockiert ist, wird der Player als unformatiertes HTML dargestellt.

Lösung:

  • Browser-Konsole auf JS-Fehler prüfen
  • Adblocker oder Content-Blocker auf deiner Website deaktivieren
  • Prüfen, ob kein anderes Plugin mementor-tts-public.js dequeut

Ursache 6: Routing-Problem mit Weglot oder WPML

Symptom: Player funktioniert in der Originalsprache, aber nicht auf übersetzten Seiten (oder umgekehrt).

Lösung: Stelle sicher, dass der Weglot- oder WPML-Integrations-Toggle aktiviert ist. Gehe zu Text-zu-Sprache - TTSWP → Übersicht → Schnelleinstellungen. Siehe WPML-Integration und Weglot-Integration.

Ursache 7: AMP-Version der Seite

Symptom: Player erscheint in der normalen Version, aber nicht in AMP.

Warum: AMP hat strenge Regeln für JavaScript. Der TTSWP-Player funktioniert nicht innerhalb von AMP-Seiten.

Workaround: Leite Besucher zur Nicht-AMP-Version weiter, oder verwende einen anderen Ansatz für Audio auf AMP-Seiten.

Immer noch nicht gelöst?

Falls keine der oben genannten Maßnahmen hilft:

  1. Prüfe Text-zu-Sprache - TTSWP → PRO-Support oder die Support-Seite
  2. Bitte angeben: Theme-Name, WordPress-Version, Plugin-Version, Browser, Screenshot des Beitrags und der Admin-TTS-Spalte

Verwandte Seiten