Разместите пользовательский виджет

Отображение элемента против селектора содержимого

• Рендеринг элемента = место. Примеры креплений: .gsp_full_player, .gsp_button_player, .gsp_circle_player — или узел компоновки, например #footer-listen.
• Селектор содержимого = что читать. Одна цель или несколько, разделенные запятыми — например #main or #intro,.product-description,#specs.
• родительский_класс — Прочитайте родительский элемент элемента монтирования (удобно, когда элемент монтирования находится внутри блока контента).
• self_class — Прочитайте ту же самую обложку, в которой находится крепление.
• Исключить список — также через запятую; пропустить навигацию, рекламу, комментарии внутри выбранного контента (например) #comments,.ads,.share-buttons).

Практическое правило: Селектор содержимого указывает на управляемый вами текст; Элемент рендеринга указывает на пустое место (или контейнер), где должен отображаться плеер.

Как писать id, class и запятые

Вам не нужно досконально знать HTML — запомните два префикса, а затем составляйте или сокращайте их с помощью запятых:

• id → # - id="footer-listen" → #footer-listen.
• класс → . - class="gsp_button_player" → .gsp_button_player.
• Только метка - article, section, h1 (без префикса).
• Соберите детали — Селектор содержимого может отображать несколько оболочек: #intro,.body,#cta-note.
• Обрезать детали — Список исключений использует тот же самый # / . + запятые. См. Исключить из списка и запретить высказывания и руководство по HTML-звонкам HTML-значения .
• Найдите их — Щелкните правой кнопкой мыши по блоку на активной странице → Проверить код → скопировать id / class в консоль с правильным префиксом.

Голосовое управление, выбор языка и большинство элементов интерфейса проигрывателя по-прежнему соответствуют веб-сайту. Настройки когда в поле виджета написано Использовать Глобальный — Размещение не обязывает использовать пользовательский голос. См. Глобальные и пользовательские настройки.

Как разместить пользовательский виджет

1. Убедитесь, что код подключения сайта (или интеграция с WordPress/CMS) активирован.
2. Добавьте пустое место для размещения игрока — например. <div class="gsp_button_player"></div> в нижнем колонтитуле или боковой панели. Пользовательский HTML-код.
3. В консоли Cloud откройте (или создайте) соответствующий виджет Full / Button / Circle и Опубликовать слишком часто.
4. Поставьте Рендеринг элемента к классу монтирования (например) .gsp_button_player).
5. Поставьте Селектор содержимого к упаковке товара (или нескольким элементам, разделяемым запятыми, например) #intro,.entry-content). Держать parent_class когда крепление находится внутри этого содержимого. Помните: id → #, class → ..
6. Дополнительно: Исключить список (разделенные запятыми, одинаковые) # / . правила) и разрешенные/заблокированные URL-адреса, чтобы плеер отображался только там, где вы хотите.
7. Сохраните изменения, выполните принудительную перезагрузку страницы и убедитесь, что плеер отображается в указанном месте и отображает нужный контент.

Общие макеты

• Кнопка прослушивания в боковой панели — Отображение элемента .gsp_button_player в боковой панели; Селектор содержимого article or .entry-content.
• Нижний колонтитул — Разместить в шаблоне нижнего колонтитула; селектор содержимого по-прежнему нацелен на основную статью, поэтому внешний вид нижнего колонтитула не отображается.
• Конструктор Пользовательский HTML — Те же самые блоки пользовательского кода Wix / Shopify / Squarespace / HTML; классы карт точно такие же, как и в руководство по HTML.