Elementor и другие конструкторы страниц

3 min read

TTSWP работает с каждым популярным конструктором страниц. Плеер появляется автоматически на записях с аудио, независимо от того, каким конструктором создана запись. На этой странице собраны советы и известные особенности для каждого конструктора.

Elementor

Поведение по умолчанию

Плеер появляется на записях, созданных в Elementor, в выбранном вами месте (после заголовка, после содержимого и т.д.). Дополнительная настройка не нужна.

Пользовательское размещение через виджет

Если нужно разместить плеер в конкретном месте (не в глобальном), используйте виджет Shortcode в Elementor:

  1. Добавьте виджет Shortcode в макет Elementor.
  2. Вставьте [tts_player].
  3. Сохраните.

Плеер появится именно там, где вы разместили виджет.

Известные особенности

  • Предварительный просмотр в редакторе Elementor не отображает TTS-плеер (он виден только на живом сайте)
  • Части шаблонов и шапки не могут содержать плеер через глобальное размещение - используйте виджет шорткода
  • Шаблоны конструктора тем Elementor Pro работают с методом виджета шорткода

Divi

Плеер появляется в глобальном размещении автоматически. Для пользовательского размещения:

  1. Добавьте модуль Text в макет Divi.
  2. Вставьте [tts_player].
  3. Сохраните.

Visual Composer (WPBakery)

Используйте элемент Text Block или Raw HTML:

[tts_player]

Gutenberg (блочный редактор)

Работает сразу. Плеер появляется в глобальном размещении.

Для пользовательского размещения внутри записи используйте блок Custom HTML или блок Shortcode:

[mementor-tts]Пользовательский текст для озвучки.[/mementor-tts]

Классический редактор

Работает сразу для автоматического размещения. Для пользовательских шорткодов просто вставьте их в текстовую область.

Beaver Builder

Используйте модуль HTML и вставьте [tts_player].

Oxygen Builder

Используйте компонент Shortcode и вставьте [tts_player].

Частые проблемы во всех конструкторах

Плеер отсутствует на некоторых страницах

Проверьте:

  1. Тип записи включён в разделе Синтез речи - TTSWP → Контент
  2. Для записи действительно сгенерировано аудио (откройте список записей и убедитесь, что в колонке TTS отображается Play)
  3. Ваш конструктор не переопределяет хук the_content (некоторые это делают)

Если конструктор обходит the_content, используйте метод шорткода выше.

Положение плеера выглядит неправильно

Глобальное размещение работает через фильтр WordPress the_content. Конструкторы, которые отображают контент через другой хук, могут поместить плеер в неожиданное место. Для точного управления переключитесь на метод с шорткодом.

Связанные страницы