El reproductor no aparece en el front-end

4 min de lectura

El audio se genero bien en el admin, pero al ver la publicacion en tu sitio no hay reproductor de audio. Esta pagina explica las causas mas comunes.

Lista de verificacion rapida

Antes de investigar:

  1. Recarga la pagina con Ctrl+Shift+R (la recarga forzada omite la cache)
  2. Comprueba que la publicacion tiene audio en la columna TTS del admin
  3. Asegurate de no haber cerrado sesion (algunos temas ocultan elementos solo visibles para admins)

Causa 1: El tipo de publicacion no esta habilitado

Sintoma: El audio existe en el admin, pero no hay reproductor en el front-end. Funciona en algunos tipos de publicacion pero no en otros.

Solucion:

  1. Ve a Texto a Voz - Contenido.
  2. Comprueba que el tipo de la publicacion actual esta habilitado (Entradas, Paginas, Productos, etc.).
  3. Guarda.
  4. Recarga la publicacion en el front-end.

Causa 2: Conflicto de tema

Sintoma: El reproductor aparece en algunos temas pero no en el tuyo, o aparece pero es invisible o esta roto.

Razones frecuentes:

  • Tu tema elimina el filtro the_content donde TTSWP inyecta el reproductor
  • Tu tema usa una plantilla personalizada que omite los hooks de contenido predeterminados de WordPress
  • El CSS de tu tema oculta el reproductor (display: none en algun lugar)

Solucion:

  1. Cambia temporalmente a un tema predeterminado de WordPress (Twenty Twenty-Four).
  2. Recarga la publicacion.
  3. Si el reproductor aparece en el tema predeterminado, el problema es tu tema.

Alternativas:

  • Usa el shortcode [mementor-tts] dentro de la publicacion para forzar la ubicacion
  • Usa el shortcode [tts_player id="123"] en una plantilla de tema personalizada
  • Agrega CSS personalizado para hacer visible el reproductor si esta siendo ocultado

Causa 3: La ubicacion esta configurada en una vista que no se muestra

Sintoma: El reproductor aparece en algunas paginas pero no en otras.

Ejemplo: Si la ubicacion es Antes del extracto, el reproductor solo se muestra en paginas de archivo y listas del blog, no en publicaciones individuales.

Solucion:

  1. Ve a Texto a Voz - Reproductor.
  2. Revisa el menu desplegable Ubicacion.
  3. Cambia a Despues del titulo o Despues del contenido para una ubicacion mas universal.
  4. Guarda.

Causa 4: La cache sirve una version antigua

Sintoma: El reproductor aparece en una ventana incognito nueva pero no en tu navegador habitual.

Solucion:

  1. Limpia la cache de tu navegador (Ctrl+Shift+Delete).
  2. Si usas un plugin de cache (WP Rocket, LiteSpeed, etc.), vacia su cache.
  3. Si usas una CDN (Cloudflare, etc.), purga su cache.

Consulta Plugins de cache.

Causa 5: JavaScript bloqueado

Sintoma: El HTML del reproductor esta presente (ver codigo fuente), pero se ve roto o estatico.

Por que: El reproductor usa JavaScript para los controles. Si JS esta bloqueado, el reproductor se muestra como HTML sin estilos.

Solucion:

  • Revisa la consola del navegador en busca de errores de JS
  • Desactiva los bloqueadores de anuncios o de contenido en tu sitio
  • Comprueba que ningun otro plugin esta eliminando mementor-tts-public.js de la cola

Causa 6: Problema de enrutamiento con Weglot o WPML

Sintoma: El reproductor funciona en el idioma original pero no en las paginas traducidas (o al reves).

Solucion: Asegurate de que el interruptor de integracion de Weglot o WPML esta activado. Ve a Texto a Voz - Descripcion general - Configuracion rapida. Consulta Integracion con WPML y Integracion con Weglot.

Causa 7: Version AMP de la pagina

Sintoma: El reproductor aparece en la version normal pero no en AMP.

Por que: AMP tiene reglas estrictas sobre JavaScript. El reproductor de TTSWP no funciona dentro de paginas AMP.

Alternativa: Dirige a los visitantes a la version no AMP, o usa un enfoque diferente para el audio en paginas AMP.

¿Sigues sin resolverlo?

Si ninguna de las opciones anteriores lo soluciona:

  1. Revisa Texto a Voz - Soporte PRO o la pagina de soporte
  2. Incluye: el nombre de tu tema, la version de WordPress, la version del plugin, el navegador y una captura de pantalla de la publicacion y la columna TTS del admin