TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як вставити список відтворення SoundCloud на сайт WordPress?

5

WordPress пропонує короткі коди за умовчанням для вставлення аудіо та списків відтворення на ваш сайт. Це буде дуже корисно, коли ви розміщуєте кілька аудіофайлів на своєму власному сервері. Але більшість із нас не є музикантами, щоб створювати власний аудіо, і використання чийогось аудіо призведе до порушення авторських прав. Ось такі сторонні виробники, як SoundCloud, пропонують послуги аудіохостингу та дозволяють публічним користувачам ділитися музикою за узгодженими ліцензіями. Також, коли у вас є велика кількість аудіофайлів, непогано розмістити їх поза вашим сервером. Це не тільки допоможе покращити швидкість завантаження сторінок вашого сайту, але й допоможе охопити ширшу аудиторію.

У цій статті ми розповімо, як вставити список відтворення SoundCloud на свій сайт WordPress – як на WordPress.com, так і на WordPress.org.

Крок 1 – Створіть список відтворення у SoundCloud

Зареєструйтесь для безкоштовного облікового запису SoundCloud і створіть список відтворення з улюбленими треками. Перегляньте всі свої списки відтворення у меню «Колекція> Списки відтворення», як показано нижче:

Як вставити список відтворення SoundCloud на сайт WordPress?

Перегляд списків відтворення у SoundCloud

Крок 2 – Отримайте код для вставки для списку відтворення

Натисніть на список відтворення, яким ви хочете поділитися ним на своєму веб -сайті WordPress. Ви побачите список треків, доданих у список відтворення, і натисніть кнопку "Поділитися". Ви також можете ввімкнути або вимкнути перемішування списків відтворення тут.

Як вставити список відтворення SoundCloud на сайт WordPress?

Спільний доступ до списку відтворення SoundCloud

Буде спливаюче вікно, що пропонує три варіанти спільного доступу – Поділитися, Вставити та Повідомлення. Перейдіть на вкладку «Вставити», виберіть дизайн дисплея та отримайте код вбудовування для свого сайту WordPress.

Крок 2.1 – Вставити код для користувачів WordPress.com

У SoundCloud є шорткод, який підтримується лише для користувачів WordPress.com. Установіть прапорець «Код WordPress», щоб отримати короткий код для свого сайту WordPress.com.

Як вставити список відтворення SoundCloud на сайт WordPress?

Отримання коду для вставлення для WordPress

Код для вбудовування для користувачів WordPress.com буде виглядати приблизно так:

[soundcloud url="https://api.soundcloud.com/playlists/299620824" params="auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%" height="450" iframe="true" /]

Прокрутіть униз до екрана та натисніть «Додаткові параметри», щоб змінити колір та увімкнути або вимкнути автоматичне відтворення вашого списку відтворення.

Як вставити список відтворення SoundCloud на сайт WordPress?

Увімкнення автоматичного відтворення

Перегляньте попередній перегляд списку відтворення та скопіюйте код, показаний у текстовому полі під заголовком "Код та попередній перегляд".

Крок 2.2 – Вставити код для користувачів WordPress.org

Якщо у вас є власний веб-сайт WordPress.org, переконайтеся, що вимкнено прапорець "Код WordPress" і отримайте код для вбудовування. Це має бути код iframe, як показано нижче:

<iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/299620824&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>

Крок 3 – Вставлення коду вбудування SoundCloud у WordPress

Незалежно від того, чи отримали ви код вбудовування для WordPress.com або WordPress.org, процес вставки однаковий і простий. Просто вставте код вбудовування у свій допис або сторінку, подібний до будь -якого текстового вмісту, у редакторі "Текст". Ви повинні опублікувати свій сайт, щоб побачити аудіопрогравач на веб -сайті WordPress.com, а при переході на «Візуальний» редактор відображатиметься аудіопрогравач на сайті WordPress.org. Нижче наведено реальний приклад програвача SoundCloud на веб -сайті WordPress.org.

Ширину, висоту та властивості автоматичного відтворення програвача можна безпосередньо змінювати у коді вбудовування. Також можна змінити зовнішній вигляд гравця, додавши параметр “візуальне = правда". Наприклад, вищезгаданий програвач за замовчуванням можна змінити, як показано нижче, за допомогою даного коду:

Ви можете додати програвач до області віджетів бічної панелі та нижнього колонтитула, вставивши код за допомогою віджета «Текст».

Вставка URL -адреси спільного доступу у WordPress

Також можна вставити аудіопрогравач за допомогою URL -адреси спільного доступу. Коли ви натискаєте кнопку «Поділитися», просто скопіюйте URL -адресу на вкладці «Поділитися» та вставте її у свій редактор WordPress «Візуальний».

Як вставити список відтворення SoundCloud на сайт WordPress?

Код URL -адреси SoundCloud Share

Натисніть Enter, щоб побачити, як WordPress автоматично перетворює цю URL -адресу у список відтворення, як показано нижче.

Пам’ятні моменти

  • SoundCloud дозволяє ділитися окремими звуковими доріжками, списками відтворення та профілем вашого облікового запису на вашому сайті WordPress.
  • Ви можете використовувати як метод спільної URL -адреси, так і метод вбудовування коду.
  • Спосіб надання URL -адреси хороший для обміну власними списками відтворення з широким зображенням профілю. Код для вставки рекомендується для відтворення аудіофайлів інших користувачів.
  • URL -адресу для спільного доступу потрібно вставити в редактор «Візуальний», і програвач можна побачити в редакторі.
  • Код для вставки для сайту WordPress.com потрібно вставити у редактор «Visual», і аудіоплеєр буде видно лише на опублікованому сайті.
  • Код для вставки для сайту WordPress.org потрібно вставити в текстовий редактор, і програвач можна побачити у редакторі.
  • WordPress.com підтримує шорткоди SoundCloud, а WordPress.org – ні. Тому переконайтеся, що ви отримали правильний код для вбудовування свого аудіопрогравача.
  • Програвач можна налаштувати, змінивши параметри за замовчуванням у коді вбудовування. Але програвач, вставлений через URL -адресу спільного доступу, не можна налаштувати.
  • WordPress.org має багато безкоштовних плагінів для створення короткого коду SoundCloud та вбудовування списку відтворення.

Джерело запису: www.webnots.com
Залиште відповідь

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