Как вставить музыку на сайт WordPress

Всем привет! Данный пост будет на тему, как вставить музыку на сайт WordPress или о том, как на своем сайте установить аудио плеер. Данный пост прежде всего посвящается тем веб мастерам, которые в желают создать музыкальный портал или блог, а так же просто для тех, кто хочет украсить свой ресурс. Я уже писал статью о том, как вставить видео c YouTube на сайт без плагинов, теперь пришла пора рассказать о том, как вставить музыку на сайт, используя различные плагины и скрипты.

 Как вставить музыку на сайт

Audio Player. Плагин Audio Player, с помощью которого можно вставить музыку на сайт практически несколькими движениями. Для начала, следует скачать плагин Audio Player с официального сайта и установите его, активировав в административной панели блога. Далее пройдите во вкладку «Параметры» — «Audio Player» и разобраться с его настройками.

Обратите внимание на вкладку «General», в ней вы можете настроить то, как будете использовать аудио-плеер, когда будете вставлять музыку на сайт. А именно задайте имя папки, в которой будут хранится аудио файлы (создаете ее в корне ресурса) и где данный плеер будет размещен.

Настройка Аудио Плеера

Во вкладке «Display» можно настроить вид аудио плеера, то есть настроить его внешний вид и размеры таким образом, чтобы он идеально подходил под дизайн ресурса.

Настройка вида плеера

Во вкладке «Advanse» можно установить шифрование ссылок вставляемой музыки на сайт wordpress. Нужно вам это или нет, решать вам.

Ну и наконец, давайте разберемся с тем, как вставить музыку на сайт при использовании плагина Audio Player. Все что необходимо сделать, это добавить аудио файл в папку «audio», далее нужно будет использовать специальный тег:

audio player wordpress

Результат: 

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

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

Как вставить музыку на сайт

Ну, а если вы решили сделать плей лист, в котором можно переключать с мелодии на мелодию, то следует использовать следующий код.

создание плей листа

Как вы видите, используя плагин Audio Player, вставка музыки на сайт проходит очень просто. Ну а теперь давайте рассмотрим еще несколько способов.

MediaElement.js. Скрипт MediaElement.js служит не только для вставки музыки на сайт, но и видео, то есть он представляет из себя некое многофункциональное устройство. Устанавливается MediaElement.js как самый обыкновенный плагин и активируется в административной панели блога. Далее переходите во вкладку «Параметры» и открываете «MediaElement.js», чтобы ознакомится с его настройками. Там не только устанавливается высота и ширина окон воспроизведения, но и вписывается формат файлов, которые вы будете использовать по умолчанию.

Настройка MediaElement.js

Для того, чтобы вставить музыку на сайт, достаточно разместить в тексте статьи следующий код, который размещается в режиме «HTML».

MediaElement.js вставить музыку на сайт

Результат будет выглядеть следующим образом.

[audio src="http://disseo.ru/audio/The Gossip.mp3"]

Для того, чтобы вставить видео, следует заменить тег «audio»  на тег «video» в коде, который расположен выше.

Помимо вышеперечисленных способов, вы можете воспользоваться еще несколькими плагинами для WordPress, которые помогут вам вставить музыку на сайт. 

  • Blubrry PowerPress Player — так же многофункционален и прост в управлении и настройке.
  • Haiky Player — один из лидеров в своей области, поэтому устанавливайте и о пользуйтесь.
Если у вас возникнут вопросы, то я обязательно на них отвечу в комментариях к данной статье. А на этом данный пост завершен. Не пропустите выход новых статей, предварительно подписавшись на E-mail рассылку блога. А как плеером пользуетесь вы?
С уважением, Дороднов Иван!

Поделиться в соц. сетях

0

Получайте свежие посты прямо на E-mail: