Найти в Дзене
proBLOG | Блог про IT

Как добавить радио на сайт WordPress?

Оглавление

Как добавить радио на сайт WordPress? Если вы попали на данную статью, то вы точно хотите научиться это делать, поэтому давайте приступим!

Подготовка

Для начала нужно установить специальный плагин — WP Radio Player .

Мы рассмотрим 2 варианта установки:

Вариант 1. Установка через админку сайта WordPress

1) Заходим в вкладку «Плагины >>> Добавить новый».

Вкладка «Добавить плагин»
Вкладка «Добавить плагин»

2) Вставляем в поиск — «WP Radio Player — Worldwide Radio Station Directory Player for WordPress» и устанавливаем первый плагин (у меня он уже установлен, вам его надо будет установить и активировать)

Ищем плагин в поиске
Ищем плагин в поиске

Вариант 2. Установка через wordpress.org

  1. Заходим на страницу плагина на сайте wordpress.org. Нажмите здесь.
  2. Жмём кнопку «Установить» и скачиваем плагин
Установка плагина для радио
Установка плагина для радио
  1. Заходим на вкладку «Плагины >>> добавить новый»
  2. Жмём кнопку «Загрузить»
  3. Жмём кнопку «Выберите файл»
  4. Выбираем скаченный архив плагина
  5. Жмём кнопку загрузить
Устанавливаем скаченный архив плагина
Устанавливаем скаченный архив плагина

Настройка радио на сайт Wordpress

Плагин мы установили, а дальше что?

Не забудьте его активировать

После установки и активации, мы наконец-то начнём настраивать радио на сайт. У вас в боковой панели, под вкладкой «Записи», должна появиться новая вкладка, а именно «Radio Stations».

  1. Наводим на неё и выбираем «Add New Station».
  2. Вводим заголовок нашего радио, далее опускаемся вниз на вкладку «Station Information».
  3. Нас интересует 3 поля:Stream URL
    Station Logo
    Featured Station
-6

Ищем stream url

Stream URL — это специальный URL адрес, откуда «идёт» радио.

Найти его можно на любом сайте с радио.

  1. Переходим на любой сайт радио. Я взял этот.
  2. Ищем радио, которое хотим поставить на наш сайт. Заходим на его страницу. Я выбрал это.
  3. Далее жмём правой кнопкой мыши и выбираем вкладку «Посмотреть код».
На разных браузерах, текст может различаться, но суть одна.
На разных браузерах, текст может различаться, но суть одна.

Переходим на вкладку «Network».

Вкладка «Network»
Вкладка «Network»
Если вы пользуетесь FireFox, то эта инструкция не для вас.

Перезагружаем страницу и включаем радио (не закрывая нижнюю панель).

Далее следуем по инструкции (на скриншоте подписаны шаги):

  1. Немного ждём и видим длинную полоску, которая всё время увеличивается.
  2. Жмём на неё и видим внизу появился непонятный документ. Кликаем на него правой кнопкой мыши.
  3. Кликаем на вкладку «Copy» (на других браузерах «Копировать»).
  4. Кликаем «Copy link address (на других браузерах «Скопировать адрес ссылки»).
Инструкция на картинке
Инструкция на картинке
  1. Возвращаемся на страницу «Добавления радио» и вставляем туда скопированный URL. У меня получился — https://rusradio.hostingradio.ru/rusradio96.aacp?7022
  2. В Station Logo можем установить логотип (не обязательно).
  3. Featured Station включаем обязательно.
  4. Копируем шорткод под Featured Station и публикуем радио (также, как обычную запись в правом сайдбаре).
Настройка радио
Настройка радио

Советую не индексировать данное радио, это легко сделать, если у вас установлен плагин для SEO.

Идём на запись/страницу, куда хотим вставить радио и вставляем шорткод, вот что у меня получилось:

No Station Found.

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

  1. Переходим на вкладку настройки
  2. Кликаем на вкладку «Player Settings»
  3. Мотаем в самый низ и активируем опцию «Hide Footer Player».
  4. Обязательно кликаем на кнопку «Сохранить изменения».
-11

Обратите внимание, что данный плагин создаёт страницу «Radio Stations», где появляются все размещённые радио, данную страницу вы можете спокойно удалить.

Заключение

В этой статье вы научились создавать радио на сайт WordPress. Рекомендую посмотреть рубрику «Сайт своими руками» , чтобы узнать ещё больше!

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

Больше полезных статей о WordPress на нашем сайте.