Як додати музичний плеєр на сайт WordPress
Можливо, ви - учасник групи і хочете, щоб люди слухали музику на вашому сайті. Можливо, ви переглядаєте альбоми, і хочете показати деякі фрагменти пісень. Якою б не була причина, по якій хочете відтворити музику на вашому WordPress сайті, ви повинні знати, як це зробити. Як і в більшості випадків, є більше одного способу додавання музичного плеєра на сайт WordPress.
Кроки
Метод 1 з 2: Додайте плагін MediaElement.js на сайт WordPress
1
Увійдіть в свою приладову панель WordPress. В меню зліва наведіть курсор миші на "Plugins" і виберіть "Add New" зі списку.2
Натисніть кнопку "Install Now." На сторінці "Install Plugins", натисніть кнопку "Install Now" нижче плагіна під назвою "MediaElements.js - HTML5 Video and Audio Player."3
Активуйте плагін. На наступній сторінці натисніть посилання "Activate Plugin".4
Натисніть кнопку "Add New." Після того, як плагін буде активований, на приладовій панелі з лівого боку наведіть курсор на "Media", а потім натисніть кнопку "Add New."5
Завантажте файл. Тепер ви можете знайти підтримуваний аудіо файл на вашому комп`ютері-натисніть і перетягніть його в потрібне поле, або ви можете натиснути кнопку "Select Files" посередині сторінки, щоб відкрити вікно для знаходження файлу. Підтримувані типи файлів: MP3, M4A, OGGm і кілька інших.6
Натисніть кнопку "Edit." Після того, як ваш файл завантажиться, натисніть кнопку "Edit" поруч з ним, коли він з`явиться під полем завантаження файла.Откроется сторінка "Edit Media" в новій вкладці вашого браузера.7
Скопіюйте URL в буфер обміну. На сторінці "Edit Media" з правого боку знаходиться поле, яке називається "Save." Пару рядків нижче знаходиться поле, яке називається "File URL." Скопіюйте весь URL в поле в буфер обміну.8
Перейдіть до повідомлення або сторінці, на якій ви хотіли б додати свій музичний програвач.9
Введіть наступне в редактор "Visual": [Audio src = ""]10
Вставте URL. Вставте URL вашого файлу між двома лапками коду, який ввели. Це має виглядати приблизно так: [audio src = "https://test.com/test.mp3"]11
Збережіть і перегляньте. У правому верхньому кутку сторінки редагування запису / сторінки натисніть кнопку "Save Draft." Потім натисніть кнопку "Preview", щоб побачити свій пост або сторінку з музичним програвачем, коли він / вона з`явиться.12
Опублікуйте. Якщо ви задоволені тим, як все працює і виглядає, поверніться в пост або сторінку в редакторі і натисніть "Publish", щоб викласти файл в Інтернет.
Метод 2 з 2: Додати плеєр ReverbNation на ваш сайт WordPress
1
Увійдіть, ReverbNation.2
Виберіть Tools> Widgets and Apps. Ви можете знайти "Tools" у верхній частині сторінки.3
Натисніть кнопку "Get It". На сторінці "Widgets" яка з`явиться в полі "HTML5 Player" натисніть на кнопку з написом "Get It."- Нове спливаюче вікно відкриється, в якому можна задати деякі параметри плеєра.
4
Знайдіть код для вставки (Embed Code). У лівій нижній частині спливаючого вікна знаходиться IFRAME код під назвою "Get the Embed Code."- Якщо ваш сайт використовує HTTPS, встановіть прапорець з написом "This widget is intended for a secure page." Якщо ні, то залиште його.
5
Скопіюйте код. Натисніть кнопку "Get Code" під iframe кодом. Це копіює код в буфер обміну.6
Відкрийте повідомлення / сторінку, на який ви хотіли б додати свій плеєр. Перейдіть до приладової панелі вашого WordPress сайту.7
Натисніть вкладку "Text". У правому верхньому куті редактора знаходяться дві вкладки, які називаються "Visual" і "Text."8
Вставте код. Знайдіть місце, де ви хочете, щоб знаходився плеєр, і вставте код.9
Збережіть і перегляньте. У правому верхньому кутку сторінки натисніть кнопку "Save Draft", а потім натисніть кнопку "Preview." Подивіться свою роботу на сторінці попереднього перегляду, яка з`явиться.10
Опублікуйте. Якщо все виглядає добре, поверніться на сторінку редактора, натисніть "Publish," і ваш WordPress сайт тепер має музичний плеєр ReverbNation!