Elementor y otros constructores de páginas

3 min read

TTSWP funciona con todos los principales constructores de páginas. El reproductor aparece automáticamente en las entradas que tienen audio, sin importar qué constructor creó la entrada. Esta página cubre consejos por constructor y problemas conocidos.

Elementor

Comportamiento predeterminado

El reproductor aparece en las entradas creadas con Elementor en la posición que elegiste (después del título, después del contenido, etc.). No se necesita configuración adicional.

Posición personalizada con un widget

Si quieres el reproductor en un lugar específico (no la posición global), usa el widget Shortcode en Elementor:

  1. Agrega un widget Shortcode a tu diseño de Elementor.
  2. Pega [tts_player].
  3. Guarda.

El reproductor aparece exactamente donde colocaste el widget.

Problemas conocidos

  • El editor de vista previa de Elementor no muestra el reproductor TTS (solo lo hace el sitio en vivo)
  • Las partes de plantilla y los encabezados no pueden contener el reproductor mediante la posición global - usa el widget de shortcode
  • Las plantillas del constructor de temas de Elementor Pro funcionan con el método del widget de shortcode

Divi

El reproductor aparece en la posición global automáticamente. Para una posición personalizada:

  1. Agrega un módulo de Texto a tu diseño de Divi.
  2. Pega [tts_player].
  3. Guarda.

Visual Composer (WPBakery)

Usa el elemento Bloque de texto o HTML sin formato:

[tts_player]

Gutenberg (editor de bloques)

Funciona de inmediato. El reproductor aparece en la posición global.

Para una posición personalizada dentro de una entrada, usa el bloque HTML personalizado o el bloque Shortcode:

[mementor-tts]Texto personalizado para narrar.[/mementor-tts]

Editor clásico

Funciona de inmediato para la posición automática. Para shortcodes personalizados, simplemente pégalos en el área de texto.

Beaver Builder

Usa el módulo HTML y pega [tts_player].

Oxygen Builder

Usa un componente Shortcode y pega [tts_player].

Problemas comunes en todos los constructores

El reproductor no aparece en algunas páginas

Verifica:

  1. El tipo de entrada está habilitado en Texto a Voz → Contenido
  2. La entrada realmente tiene audio generado (abre la lista de entradas y confirma que la columna TTS muestra Reproducir)
  3. Tu constructor no está anulando el hook the_content (algunos lo hacen)

Si tu constructor omite the_content, usa el método de shortcode indicado arriba.

La posición del reproductor se ve incorrecta

La posición global apunta al filtro the_content de WordPress. Los constructores que renderizan su propio contenido en un hook diferente pueden colocar el reproductor en un lugar inesperado. Cambia a un enfoque basado en shortcode para un control preciso.

Páginas relacionadas