Odtwarzacz nie pojawia się po stronie front-end

4 min read

Audio zostało wygenerowane poprawnie w panelu admina, ale gdy wyświetlasz wpis na swojej stronie, nie ma odtwarzacza audio. Ta strona omawia najczęstsze przyczyny.

Szybka lista kontrolna

Zanim zaczniesz analizować problem:

  1. Odśwież stronę skrótem Ctrl+Shift+R (twarde odświeżenie omija pamięć podręczną)
  2. Sprawdź, czy wpis ma audio w kolumnie TTS w panelu admina
  3. Sprawdź, czy nie jesteś wylogowany (niektóre motywy ukrywają elementy widoczne tylko dla adminów)

Przyczyna 1: Typ wpisu nie jest włączony

Objaw: Audio istnieje w panelu admina, ale na front-end nie ma odtwarzacza. Działa na niektórych typach wpisów, ale nie na innych.

Rozwiązanie:

  1. Przejdź do Tekst na mowę → Treść.
  2. Sprawdź, czy typ bieżącego wpisu jest włączony (Wpisy, Strony, Produkty itp.).
  3. Zapisz.
  4. Odśwież wpis na front-end.

Przyczyna 2: Konflikt motywu

Objaw: Odtwarzacz pojawia się na niektórych motywach, ale nie na Twoim, albo pojawia się, ale jest niewidoczny lub uszkodzony.

Najczęstsze przyczyny:

  • Twój motyw usuwa filtr the_content, przez który TTSWP wstrzykuje odtwarzacz
  • Twój motyw używa niestandardowego szablonu, który omija domyślne hooki treści WordPressa
  • CSS Twojego motywu ukrywa odtwarzacz (gdzieś jest display: none)

Rozwiązanie:

  1. Tymczasowo przełącz się na domyślny motyw WordPress (Twenty Twenty-Four).
  2. Odśwież wpis.
  3. Jeśli odtwarzacz pojawia się na domyślnym motywie, problem leży w Twoim motywie.

Alternatywne rozwiązania:

  • Użyj shortcode [mementor-tts] wewnątrz wpisu, aby wymusić umiejscowienie
  • Użyj shortcode [tts_player id="123"] w niestandardowym szablonie motywu
  • Dodaj własny CSS, aby odtwarzacz był widoczny, jeśli jest ukrywany

Przyczyna 3: Umiejscowienie ustawione na widok, który nie jest wyświetlany

Objaw: Odtwarzacz pojawia się na niektórych stronach, ale nie na innych.

Przykład: Jeśli umiejscowienie to Przed fragmentem, odtwarzacz pojawia się tylko na stronach archiwum i listy wpisów, a nie na pojedynczych wpisach.

Rozwiązanie:

  1. Przejdź do Tekst na mowę → Odtwarzacz.
  2. Sprawdź listę rozwijaną Umiejscowienie.
  3. Zmień na Po tytule lub Po treści, aby uzyskać najbardziej uniwersalne umiejscowienie.
  4. Zapisz.

Przyczyna 4: Pamięć podręczna serwuje starą wersję

Objaw: Odtwarzacz pojawia się w nowym oknie incognito, ale nie w zwykłej przeglądarce.

Rozwiązanie:

  1. Wyczyść pamięć podręczną przeglądarki (Ctrl+Shift+Delete).
  2. Jeśli używasz wtyczki do cache (WP Rocket, LiteSpeed itp.), wyczyść jej pamięć podręczną.
  3. Jeśli używasz CDN (Cloudflare itp.), wyczyść jego pamięć podręczną.

Zobacz Wtyczki do cache.

Przyczyna 5: Zablokowany JavaScript

Objaw: HTML odtwarzacza jest widoczny w źródle strony, ale wygląda na uszkodzony lub statyczny.

Dlaczego: Odtwarzacz używa JavaScriptu do obsługi elementów sterujących. Jeśli JS jest zablokowany, odtwarzacz wyświetla się jako niestylizowany HTML.

Rozwiązanie:

  • Sprawdź konsolę przeglądarki pod kątem błędów JS
  • Wyłącz blokery reklam lub blokery treści na swojej stronie
  • Sprawdź, czy żadna inna wtyczka nie usuwa z kolejki mementor-tts-public.js

Przyczyna 6: Problem z routingiem Weglot lub WPML

Objaw: Odtwarzacz działa w oryginalnym języku, ale nie na przetłumaczonych stronach (lub odwrotnie).

Rozwiązanie: Upewnij się, że przełącznik integracji Weglot lub WPML jest włączony. Przejdź do Tekst na mowę → Przegląd → Szybkie ustawienia. Zobacz Integracja WPML i Integracja Weglot.

Przyczyna 7: Wersja AMP strony

Objaw: Odtwarzacz pojawia się w zwykłej wersji, ale nie w AMP.

Dlaczego: AMP ma ścisłe zasady dotyczące JavaScriptu. Odtwarzacz TTSWP nie działa na stronach AMP.

Alternatywne rozwiązanie: Przekieruj odwiedzających do wersji bez AMP lub użyj innego podejścia do audio na stronach AMP.

Nadal nie działa?

Jeśli żadne z powyższych rozwiązań nie pomogło:

  1. Sprawdź Tekst na mowę → Wsparcie PRO lub stronę wsparcia
  2. Podaj: nazwę motywu, wersję WordPressa, wersję wtyczki, przeglądarkę, zrzut ekranu wpisu i kolumny TTS w panelu admina

Powiązane strony