Web5X Блог

Блог о создании сайта, конструкторе сайтов

Web5X Блог

Блог о создании сайта, конструкторе сайтов

Поиск по блогу

SoundCloud плеер — виджет Elementor

Обновлено: 17.03.2018
0 комментариев
заставка плеер виджет конструктор сайта

Интересный сайт это не только его дизайн или оформление, но и звуковое сопровождение сайта. Представьте, вы заходите на сайт по продаже Струн для гитар и тут на главной вместе с дизайном вдруг зазвучали звуки гитары. А может сайт по йоги и на фоне играет успокаивающая музыка. Не правда ли прекрасно?

Зачем музыкальное сопровождение на сайте? Я думаю каждый должен ответить на данный вопрос сам, но мне думается, что хорошая тематическая музыка на сайте делает ваш сайт запоминаемым, комфортным для просмотра, а так же задерживает клиента на вашем сайте.

Вы думаете разместить музыку на сайте сложно? Нет, ведь в конструкторе сайта есть специальный виджет который позволяет проигрывать музыку на сайте.

Виджет "SoundCloud плеер" предназначен для воспроизведения звуковых дорожек (музыка, песни) которые размещены на сервере SoundCloud.   Настройки виджета предоставляют интерфейс для изменения отображения плеера, а так же задание различных параметров.

плеер виджет конструктор сайта

На рисунке выше, мы видим пример вижета минимум плеер виджет конструктор сайтапо умолчанию (только ссылка на трек своя).  Плеер адаптируется под ширину колонки т.е никаких дополнительных действий в конструкторе сайта производить не нужно, достаточно просто разместить и указать ссылку на трек с SoundCloud.

В минимальных параметрах (если отключить все опции) то виджет выглядит как показано на рисунке справа. Данные параметры мы и рассмотрим подробнее, а вот настроек стилей нет и конечно их мы не опишем.

Содержимое

- SoundCloud плеер

  • Ссылка - ссылка на трек с сервера SoundCloud.
  • Визуальный плеер - если включить опцию, то виджет превратится в полноразмерный плеер т.е большое фоновое фото итд.
  • Проиграть автоматически - при запуске сайта автоматически начнется проигрывание трека при условии включенной опции.
  • Кнопка купить - кнопка покупки трека, если трек платный.
  • Кнопка нравится - кнопка "мне нравится" в виде сердечка, для данного трека.
  • Кнопка скачать - кнопка скачать,  если доступно скачивание.
  • Кнопка поделиться - кнопка "Share" или поделится для трека.
  • Комментарии - если есть комментарии, то с помощью опции их можно отключить.
  • Количество прослушиваний - счетчик прослушивание, если есть данные о количестве по данному треку.
  • Имя пользователя - скрытие имени пользователя, который разместил трек в сеть.
  • Основной цвет - основной цвет для виджета. В основном влияет на цвет кнопки запуска трека.
Список всех виджетов Elementor вы можете посмотреть на странице Виджеты
Остались вопросы?
Листай ниже или клик по ссылке выше. Там можно задать вопрос или почитать комментарии других.
Написать комментарий

0 комментариев

Оставьте первый комментарий