A- A A+
Коробочка loadsoundcloud
JOOMLA! 2.5
JOOMLA! 3.X+
P

Хотите вставить аудио на сайт Joomla!, но не знаете, как это сделать? Тогда этот урок по использованию сервиса SoundCloud идеально Вам подойдет.

Сначала мы рассмотрим настройки самого сервиса SoundCloud и процесс добавления аудио-кастов в наш личный кабинет. Затем установим специальный плагин для Joomla - Soundcloud content, при помощи которого и вставим нашу аудио-запись к себе на Joomla-сайт.

Инструкция по использованию Soundcloud content

Шаг 1. Размещение трека на сайте SoundCloud

Переходим на сайт SoundCloud, где проходим стандартный процесс регистрации.

Загружаем трек, задаем ему название (Title). Также можно указать необязательные атрибуты, такие как стиль музыки (Genre), теги (Additional tags), описание (Description). Также можно отдельно загрузить фото, которое будет отображать в плеере вместе с композицией.

Внизу жмем кнопку Save и копируем выделенную ссылку.

Soundcloud content

Шаг 2. Установка плагина Soundcloud content

Плагин Soundcloud content устанавливается стандартно, через менеджер расширений.

Если с этим возникли трудности, посмотрите ссылочку справа. Там полезная статья, в которой описаны все возможные способы установки.

Шаг 3. Настройка расширения

Переходим по пути Плагины => Content - Load Soundcloud и включаем плагин.

Soundcloud content

Выбираем вариант вставки ссылки. Рекомендуем оставить чекбокс по умолчанию. Далее в строке Player Height указываем высоту плеера.

Soundcloud content

Ниже имеются следующие настройки:

  • Enable Visual Player - включение визуализации плеера.
  • Auto Play - автовоспроизведение при открытии страницы.
  • Show Comments - отображение комментариев.
  • Show Artwork - эффект при воспроизведении.
  • Show Description - отображение описания трека.
  • Color - цветовое оформление плеера.
Soundcloud content

Шаг 4. Вставка ссылки в материал

В материал вставляем ссылку на трек и заключаем ее в фигурные скобки.

Soundcloud content

Открываем сайт и убеждаемся в наличии плеера.

Soundcloud content
 

Комментарии  

#1 0 1j.lv 30.07.2016 09:40
Спасибо. Было пользительно. :-)
Цитировать

Добавить комментарий

Защитный код Обновить

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!