[Ad_1]
В этой статье мы расскажем, как встроить альбом, плейлист или трек SoundCloud в сообщение или страницу WordPress. Мы также рассмотрим передовой опыт, ответы на часто задаваемые вопросы и советы, которые вам следует знать.
Прежде чем мы начнем, обратите внимание: хотя вам не нужна учетная запись SoundCloud для встраивания содержание сервиса вам нужно будет выбрать публичные треки – частные треки интегрировать невозможно. Кроме того, вам необходимо использовать редактор блоков Gutenberg, чтобы добавить блок встраивания SoundCloud. (Однако мы рассмотрим несколько альтернатив.)
Как встроить контент SoundCloud в WordPress
Сначала мы увидим, как добавить трек SoundCloud в сообщение или страницу WordPress. Далее мы быстро увидим, как добавить альбом / список воспроизведения, поскольку процесс аналогичен добавлению трека.
Как встроить трек SoundCloud в WordPress
Перейдите в SoundCloud и найдите трек, который хотите встроить в WordPress. Щелкните трек, чтобы открыть его на отдельной странице. Скопируйте URL-адрес из адресной строки вверху страницы.
Перейдите в WordPress и создайте или отредактируйте сообщение или страницу. В основной части страницы вы должны увидеть знак плюс. Если вы его не видите, щелкните где-нибудь в теле страницы, и он должен появиться.
Щелкните по нему знак плюс для отображения селектора блока. Введите "SoundCloud" в Поиск case, затем выберите связанный блок. Блок интеграции SoundCloud теперь будет добавлен на вашу страницу или публикацию.
Вставьте адрес SoundCloud, который вы скопировали, в поле с надписью Введите URL-адрес для интеграции здесь ... Cliquez-сюр- интегрировать. Теперь вы увидите что-то вроде этого:
Чтобы увидеть, как он будет выглядеть на вашем сайте, когда он будет запущен, нажмите обследование > офис > Предварительный просмотр в новой вкладке в правом верхнем углу страницы.
Вы можете добавить подпись, если хотите. Под встроенной дорожкой есть специальная область для ввода заголовка, а также параметров форматирования.
Как встроить альбом или плейлист SoundCloud в WordPress
Встраивание альбома или плейлиста из SoundCloud очень похоже на добавление трека. В SoundCloud перейдите к альбому или списку воспроизведения, который вы хотите добавить, и щелкните по нему, чтобы открыть его на отдельной странице. Скопируйте URL-адрес из адресной строки.
В поле интеграции SoundCloud в WordPress вставьте адресную строку в выделенное место. Нажмите на интегрировать.
Результат в основном один и тот же, добавили ли вы альбом или список воспроизведения. Обложка альбома или плейлиста будет отображаться в основной части встроенной ссылки, а под ней будет список треков, которые вы можете просмотреть. Когда вы наводите курсор на треки и прокручиваете их, основная обложка становится меньше, чтобы открывать большую часть списка треков. На этом снимке экрана верхняя вставка - это список воспроизведения, а нижняя вставка - это альбом.
Сообщение об ошибке интеграции
Если вы введете что-то, что не является ссылкой, это неработающая ссылка или ссылка, которая ведет на содержание которые не могут быть интегрированы, вы получите сообщение об ошибке, которое выглядит следующим образом:
Вы можете попробовать ссылку еще раз или щелкнуть Преобразовать в ссылку чтобы увидеть, имеет ли это значение. Если ни один из двух вариантов не работает, возможно, вам придется интегрировать другой контент.
Параметры блока интеграции SoundCloud
Есть две разные области, где вы найдете параметры для блока интеграции SoundCloud: вверху панели и на правой боковой панели. Посмотрим, какие они есть.
Параметры панели инструментов
После того, как вы добавили контент в блок внедрения, щелкните его, чтобы отобразить панель инструментов параметров вверху. Это выглядит так:
Значения значков слева направо:
- Стали : Вы можете превратить блок внедрения SoundCloud в абзац, столбец или группу. Единственный вариант, который следует рассмотреть, - это группа один, потому что он позволяет вам изменить цвет фона блока. Если вам все равно, оставьте его в покое - им немного сложно пользоваться.
- Чтобы скользить: Наведите указатель мыши на слип значок, и ваш курсор превратится в маленькую руку. Щелкните левой кнопкой мыши и перетащите блок для встраивания в то место, где вы хотите разместить его на странице.
- Подъем и спуск: . Стрелка вверх переместит блок на одну позицию вверх, а Кнопка "Стрелка вниз переместит его на одну позицию вниз.
- Измените выравнивание: Выровняйте блок для скрытого монтажа влево, по центру или вправо. Выравнивание влево или вправо сделает его меньше. В зависимости от вашей темы у вас также могут быть варианты полной и широкой ширины, которые могут увеличить размер блока для встраивания.
- Изменить URL: Замените URL-адрес SoundCloud, чтобы встроить другой альбом, список воспроизведения или трек.
- Опции: Последний значок отображает раскрывающееся меню с дополнительными параметрами.
Меню дополнительных параметров
Этот раскрывающийся список параметров содержит несколько простых для понимания параметров. Сверху вниз они бывают:
- Скрыть дополнительные настройки: Скрыть (или показать) боковую панель настроек справа.
- Копия: Скопируйте блок и вставьте его куда хотите.
- Дубликат: Дублируйте блок, чтобы сделать копию прямо под оригиналом.
- Вставить перед: Добавить блок перед выбранным.
- Вставить после: Добавьте блок после выбранного.
- Перейти к: Появится синяя полоса, которую вы можете перемещать по странице с помощью кнопок со стрелками на клавиатуре. Поместив его в нужное место, нажмите Enter / Return переместить туда блок интеграции.
- Редактировать в HTML: Отредактируйте HTML-код блока.
- Добавьте к многоразовым блокам: Добавьте выбранный блок в список многоразовых блоков. Это позволяет вам легко добавить его в другое сообщение или страницу или в другой раздел текущего сообщения или страницы.
- Группа: как группа упомянутой выше опции, это позволяет вам изменить цвет фона блока.
- Удаляем блок: Убрать блок со страницы.
Параметры боковой панели
На правой боковой панели есть две настройки: Настройки мультимедиа и Дополнительно. Давайте рассмотрим.
Настройки мультимедиа
Если вы активируете Изменение размера для небольших устройств в Настройки мультимедиа раздел, блок встраивания автоматически изменит размер в соответствии с размером экрана. Это особенно важно для людей, просматривающих ваш контент на мобильном устройстве, поэтому рекомендуется включить эту опцию.
прогресс
В прогресс раздел, вы можете добавить блок CSS к выбранному блоку. Это означает, что вы можете настраивать и стилизовать блок по своему усмотрению (если, конечно, вы знаете CSS).
Лучшие практики и советы по эффективному использованию блока внедрения SoundCloud
Быстро добавляйте встроенный контент
Если вы точно знаете, куда вы хотите поместить встроенный контент SoundCloud, вы можете просто вставить URL-адрес на страницу. Блок интеграции SoundCloud будет автоматически создан для вас со всеми теми же параметрами, как если бы вы добавляли блок вручную.
Встраивайте контент SoundCloud с помощью классического редактора
Если вы предпочитаете работать с классическим редактором WordPress, вы всегда можете встроить контент SoundCloud. Вы просто скопируете и вставите ссылку в любом месте сообщения или страницы. Это автоматически объединит контент. Однако у вас не будет тех же параметров панели инструментов, что и в случае с блоком Гутенберга.
Используйте код встраивания для различных настроек
Другой способ встраивать контент SoundCloud в WordPress - использовать код встраивания. Перейдите к содержимому SoundCloud, которое вы хотите встроить, и нажмите кнопку доля кнопка.
Во всплывающем окне вы можете изменить внешний вид встроенного содержимого. В этом примере я изменил кнопку воспроизведения / паузы на светло-голубой и отрегулировал высоту вставки.
Когда вы закончите, скопируйте код встраивания, а затем вставьте его в блок HTML в WordPress. Вы сможете увидеть, как будет выглядеть контент, при предварительном просмотре страницы.
Часто задаваемые вопросы о блоке интеграции SoundCloud
В SoundCloud есть только музыка?
Неа! SoundCloud также предлагает подкасты. Интегрировать подкаст - это то же самое, что интегрировать музыкальную дорожку. Скопируйте URL-адрес и вставьте его в поле для встраивания. Вы можете встроить один эпизод или, если вы хотите продемонстрировать подкаст целиком, перейдите на его главную страницу в SoundCloud и скопируйте / вставьте URL-адрес.
Могу ли я добавить несколько треков в блок интеграции SoundCloud?
Если вы хотите разместить на своем сайте WordPress несколько песен или выпусков подкастов, вы можете создать свой собственный список воспроизведения, а затем встроить его. Имейте в виду, что настройки конфиденциальности каждого трека будут сохранены, даже если вы сделаете список воспроизведения общедоступным (который вам нужно будет встроить). Это означает, что если вы добавите личную дорожку в общедоступный плейлист, она всегда останется частной.
https://help.soundcloud.com/hc/en-us/articles/115003449787-Creating-and-adding-tracks-to-a-playlist
Могу ли я выбрать, где начинается воспроизведение трека SoundCloud?
К сожалению нет. Когда вы нажимаете на доля на содержимом SoundCloud откроется окно. Внизу есть опция, с которой начать воспроизведение трека. Однако, когда вы копируете и вставляете связанную ссылку в блок внедрения, трек фактически не запускается в этой части. Мы пробовали по-разному, но безуспешно.
пак
Интеграция музыки или подкастов в ваш Веб-сайт может сделать опыт более ценным и повысить вовлеченность. Если у вас есть собственный контент или вы хотите поделиться чужим, блок встраивания SoundCloud — это самый простой способ сделать это с максимально возможными вариантами настройки и макета. Вы можете добавить альбом, плейлист, подкаст или музыкальную дорожку на свой сайт и разрешить пользователям посетителей слушать без перенаправления в другое место. И если они хотят узнать больше, они могут легко нажать на содержимое SoundCloud.
Возможно, вас заинтересует наша статья с 11 лучшими плагинами аудиоплееров для WordPress. Проверьте это!
Изображение предоставлено apghedia на Shutterstock.com
[Ad_2]
