✅ Новости WEB и WordPress, темы, плагины. Здесь мы делимся советами и лучшими решениями для веб-сайтов.

Как встроить плейлист Spotify в WordPress

58

Ни одна другая стриминговая платформа не сравнится с размерами Spotify. Ежедневно Spotify используют более 180 миллионов человек, и это число только увеличивается.

Почти все слышали о Spotify и не только из-за его размера. Он доступен по цене, удобен в использовании и поддерживается огромной коллекцией песен и исполнителей.

Spotify и подобные ему сервисы изменили ландшафт музыкальной индустрии. Из-за этих вариантов потоковой передачи многие любители музыки больше не скачивают музыку.

Но эти сервисы также добавили новые инструменты в набор инструментов WordPress-блогера. С помощью Spotify легко делиться музыкальными медиафайлами на веб-сайте WordPress.

Spotify никуда не денется, и его пользовательская база исчисляется миллионами. Любой владелец музыкального сайта WordPress захочет узнать, как максимально эффективно использовать Spotify.

В этом руководстве показано, как встроить плейлист Spotify в WordPress. Таким образом, сайт WordPress может демонстрировать:

  • Ваши последние или любимые подкасты
  • Популярные исполнители
  • Соответствующие песни
  • Творцы, которые мотивируют вас

Ваш веб-сайт будет выделяться из толпы благодаря встроенному плейлисту Spotify. Это добавляет характер и индивидуальность.

Создание плейлиста Spotify — еще один способ усилить бренд. Включение музыки обеспечит всесторонний опыт для аудитории.

Можно спокойно добавить плейлист Spotify. Каждый элемент в библиотеке Spotify защищен DRM (управление цифровыми правами).

Только владелец может загружать любую часть контента, защищенного авторским правом, в Spotify.

Почему бы не использовать плагин?

Плагины — это один из способов встроить плейлист Spotify, и есть несколько хороших вариантов плагинов.

Однако плагины увеличивают нагрузку на сайт. Это означает, что плагины будут потреблять вычислительную мощность и пропускную способность сайта.

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

Это руководство учит, как вручную кодировать для встраивания списков воспроизведения. Это позволяет избежать необходимости полагаться на плагины, потребляющие ресурсы.

Как встроить плейлист Spotify на свой сайт

Для начала посмотрите на свою тему WordPress. Некоторые темы позволяют хорошо интегрировать плагины и внешний Javascript.

После этого подготовьте плейлист Spotify для встраивания. Когда все будет готово, найдите URL плейлиста.

Затем:

Как встроить плейлист Spotify в WordPress

  • Откройте настольное приложение Spotify

Как встроить плейлист Spotify в WordPress

  • Перейдите к списку воспроизведения и щелкните его правой кнопкой мыши (на боковой панели).
  • Откройте админку WordPress

Как встроить плейлист Spotify в WordPress

  • Перейдите в раздел «Внешний вид» > «Виджеты ».
  • Выберите текстовый виджет из списка слева.

Как встроить плейлист Spotify в WordPress

  • Отправьте свой выбор на место отображения плейлиста. Это может быть боковая панель, нижний колонтитул и т. д.
  • Текстовый виджет появится в новом месте. Теперь вставьте код вставки Spotify в область содержимого. Название не является обязательным.

Как встроить плейлист Spotify в WordPress

  • Нажмите «Сохранить» и проверьте свой сайт

Использование классического редактора

Как встроить плейлист Spotify в WordPress

Этот вариант не может быть проще. Следуйте приведенному выше руководству, чтобы получить URL-адрес Spotify для вашей песни или плейлиста.

Затем перейдите в то место, куда вы хотели бы встроить плейлист.

Как встроить плейлист Spotify в WordPress

Выберите страницу или публикацию, на которой будет плейлист, и нажмите «Добавить блок ». Затем вставьте URL-адрес в редактор.

Как встроить плейлист Spotify в WordPress

URL изменится на встроенный проигрыватель.

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

Еще один простой вариант — создать виджет, содержащий список воспроизведения Spotify. Опять же, найдите и используйте URL-адрес вашего плейлиста Spotify.

Затем:

Как встроить плейлист Spotify в WordPress

  1. Откройте панель инструментов
  2. Выберите «Управление» > «Настроить» > «Виджет ».
  3. Выберите нужный текстовый виджет и перетащите его в предпочтительную область виджета.
  4. Нажмите на виджет
  5. Введите {шорткод Spotify: Spotify url }.
  6. Замените «URL» фактическим URL-адресом вашего плейлиста.
  7. Нажмите Готово

Использование музыкальных тем Qode

Как встроить плейлист Spotify в WordPress

На вашем веб-сайте может использоваться тема Qode с музыкальным модулем. Если это так, встроить плейлист Spotify еще проще.

Темы полностью оснащены всеми инструментами, которые должна иметь музыкальная тема. Это включает в себя шорткод, предназначенный для встраивания плейлистов.

Чтобы использовать его:

Как встроить плейлист Spotify в WordPress

  1. Добавить новый элемент
  2. Выберите аудио плейлист
  3. Выберите Spotify в раскрывающемся меню.
  4. Вставьте URL вашего плейлиста
  5. Нажмите Сохранить изменения

Как встроить плейлист Spotify в посты WordPress

Как встроить плейлист Spotify в WordPress

Другой вариант — вставить плейлист в сам пост WordPress с помощью iframe. Перейдите в Панель управления WordPress > Записи > Добавить новую.

Затем озаглавьте пост и поместите в него встроенный код. Чтобы получить код:

  1. Выберите свой плейлист
  2. Нажмите на три точки
  3. Выберите Поделиться
  4. Скопируйте код для встраивания
  5. Добавьте код для встраивания в сообщение.

Как встроить плейлист Spotify в WordPress

При вставке кода обязательно размещайте его в текстовой области поста, а не в визуальном редакторе. Подобные HTML-коды не будут работать внутри визуального редактора.

После вставки кода загрузите пост. Теперь он будет демонстрировать встроенный плейлист Spotify.

Исправление проблем

Как встроить плейлист Spotify в WordPress

Ниже приведены две наиболее вероятные причины ошибок плейлиста Spotify.

URL-адрес Spotify с гиперссылкой

Текст URL-адреса может быть окрашен в цвет ссылки темы. Если это так, URL-адрес, скорее всего, содержит гиперссылку.

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

Для этого щелкните значок «Удалить ». Если текст URL станет черным, гиперссылка исчезнет.

URL-адрес/шорткод Spotify не находится на отдельной строке

Убедитесь, что ваш URL и шорткод находятся в отдельной строке кода. Перед или после них не может быть символов или пробелов.

В противном случае код не будет работать должным образом.

Завершение мыслей о том, как встроить плейлист Spotify в WordPress

Независимо от того, какой из вышеперечисленных методов вы выберете, встроить плейлист Spotify очень просто.

Знание того, как это сделать, открывает целый мир музыкальных возможностей. Теперь на веб-сайте или в блоге могут быть песни, плейлисты и любой другой музыкальный контент.

Начинающие музыканты могут представить миру свою музыку, продвигать себя и развивать свой личный бренд.

Но этот инструмент не ограничивается музыкантами. Любители музыки, производители подкастов, клубы аудиокниг и многие другие могут делиться своими плейлистами.

Независимо от причины встраивания плейлиста или звуковой дорожки на сайт WordPress, теперь вы готовы.

Для всего остального WordPress, пожалуйста, ознакомьтесь со многими другими руководствами на этом сайте.

Если вам понравилось читать эту статью о том, как встроить список воспроизведения Spotify в WordPress, вы должны прочитать эту статью о том, как сделать номер телефона интерактивным в WordPress.

Мы также писали о нескольких связанных темах, таких как проверка версии WordPress, загрузка HTML-файла в WordPress, встраивание видео с Facebook в WordPress, где хранятся страницы WordPress и почему WordPress так сложно использовать.

Источник записи: wpdatatables.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее