Як додати музичний плеєр на сайт WordPress

Можливо, ви - учасник групи і хочете, щоб люди слухали музику на вашому сайті. Можливо, ви переглядаєте альбоми, і хочете показати деякі фрагменти пісень. Якою б не була причина, по якій хочете відтворити музику на вашому WordPress сайті, ви повинні знати, як це зробити. Як і в більшості випадків, є більше одного способу додавання музичного плеєра на сайт WordPress.




Метод 1 з 2: Додайте плагін MediaElement.js на сайт WordPress

  1. 1

    Увійдіть в свою приладову панель WordPress. В меню зліва наведіть курсор миші на "Plugins" і виберіть "Add New" зі списку.

  2. 2

    Натисніть кнопку "Install Now." На сторінці "Install Plugins", натисніть кнопку "Install Now" нижче плагіна під назвою "MediaElements.js - HTML5 Video and Audio Player."

  3. 3

    Активуйте плагін. На наступній сторінці натисніть посилання "Activate Plugin".

  4. 4

    Натисніть кнопку "Add New." Після того, як плагін буде активований, на приладовій панелі з лівого боку наведіть курсор на "Media", а потім натисніть кнопку "Add New."

  5. 5

    Завантажте файл. Тепер ви можете знайти підтримуваний аудіо файл на вашому комп`ютері-натисніть і перетягніть його в потрібне поле, або ви можете натиснути кнопку "Select Files" посередині сторінки, щоб відкрити вікно для знаходження файлу. Підтримувані типи файлів: MP3, M4A, OGGm і кілька інших.

  6. 6

    Натисніть кнопку "Edit." Після того, як ваш файл завантажиться, натисніть кнопку "Edit" поруч з ним, коли він з`явиться під полем завантаження файла.Откроется сторінка "Edit Media" в новій вкладці вашого браузера.

  7. 7

    Скопіюйте URL в буфер обміну. На сторінці "Edit Media" з правого боку знаходиться поле, яке називається "Save." Пару рядків нижче знаходиться поле, яке називається "File URL." Скопіюйте весь URL в поле в буфер обміну.

  8. 8

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

  9. 9

    Введіть наступне в редактор "Visual": [Audio src = ""]

  10. 10

    Вставте URL. Вставте URL вашого файлу між двома лапками коду, який ввели. Це має виглядати приблизно так: [audio src = "https://test.com/test.mp3"]

  11. 11

    Збережіть і перегляньте. У правому верхньому кутку сторінки редагування запису / сторінки натисніть кнопку "Save Draft." Потім натисніть кнопку "Preview", щоб побачити свій пост або сторінку з музичним програвачем, коли він / вона з`явиться.

  12. 12

    Опублікуйте. Якщо ви задоволені тим, як все працює і виглядає, поверніться в пост або сторінку в редакторі і натисніть "Publish", щоб викласти файл в Інтернет.

Метод 2 з 2: Додати плеєр ReverbNation на ваш сайт WordPress



  1. 1

    Увійдіть, ReverbNation.

  2. 2

    Виберіть Tools> Widgets and Apps. Ви можете знайти "Tools" у верхній частині сторінки.

  3. 3

    Натисніть кнопку "Get It". На сторінці "Widgets" яка з`явиться в полі "HTML5 Player" натисніть на кнопку з написом "Get It."
    • Нове спливаюче вікно відкриється, в якому можна задати деякі параметри плеєра.

  4. 4

    Знайдіть код для вставки (Embed Code). У лівій нижній частині спливаючого вікна знаходиться IFRAME код під назвою "Get the Embed Code."
    • Якщо ваш сайт використовує HTTPS, встановіть прапорець з написом "This widget is intended for a secure page." Якщо ні, то залиште його.

  5. 5

    Скопіюйте код. Натисніть кнопку "Get Code" під iframe кодом. Це копіює код в буфер обміну.

  6. 6

    Відкрийте повідомлення / сторінку, на який ви хотіли б додати свій плеєр. Перейдіть до приладової панелі вашого WordPress сайту.

  7. 7

    Натисніть вкладку "Text". У правому верхньому куті редактора знаходяться дві вкладки, які називаються "Visual" і "Text."

  8. 8

    Вставте код. Знайдіть місце, де ви хочете, щоб знаходився плеєр, і вставте код.

  9. 9

    Збережіть і перегляньте. У правому верхньому кутку сторінки натисніть кнопку "Save Draft", а потім натисніть кнопку "Preview." Подивіться свою роботу на сторінці попереднього перегляду, яка з`явиться.

  10. 10

    Опублікуйте. Якщо все виглядає добре, поверніться на сторінку редактора, натисніть "Publish," і ваш WordPress сайт тепер має музичний плеєр ReverbNation!