Как вставить музыку на сайт WordPress
Всем привет! Данный пост будет на тему, как вставить музыку на сайт WordPress или о том, как на своем сайте установить аудио плеер. Данный пост прежде всего посвящается тем веб мастерам, которые в желают создать музыкальный портал или блог, а так же просто для тех, кто хочет украсить свой ресурс. Я уже писал статью о том, как вставить видео c YouTube на сайт без плагинов, теперь пришла пора рассказать о том, как вставить музыку на сайт, используя различные плагины и скрипты.
Как вставить музыку на сайт
Audio Player. Плагин Audio Player, с помощью которого можно вставить музыку на сайт практически несколькими движениями. Для начала, следует скачать плагин Audio Player с официального сайта и установите его, активировав в административной панели блога. Далее пройдите во вкладку «Параметры» — «Audio Player» и разобраться с его настройками.
Обратите внимание на вкладку «General», в ней вы можете настроить то, как будете использовать аудио-плеер, когда будете вставлять музыку на сайт. А именно задайте имя папки, в которой будут хранится аудио файлы (создаете ее в корне ресурса) и где данный плеер будет размещен.
Во вкладке «Display» можно настроить вид аудио плеера, то есть настроить его внешний вид и размеры таким образом, чтобы он идеально подходил под дизайн ресурса.
Во вкладке «Advanse» можно установить шифрование ссылок вставляемой музыки на сайт wordpress. Нужно вам это или нет, решать вам.
Ну и наконец, давайте разберемся с тем, как вставить музыку на сайт при использовании плагина Audio Player. Все что необходимо сделать, это добавить аудио файл в папку «audio», далее нужно будет использовать специальный тег:
Результат:
Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version . You also need to have JavaScript enabled in your browser.
Если вы хотите, чтобы вставляемая музыка на сайт звучала как фоновая, то есть при любом заходе на ресурс сразу же включался аудио файл, то следует прописать следующую строку.
Ну, а если вы решили сделать плей лист, в котором можно переключать с мелодии на мелодию, то следует использовать следующий код.
Как вы видите, используя плагин Audio Player, вставка музыки на сайт проходит очень просто. Ну а теперь давайте рассмотрим еще несколько способов.
MediaElement.js. Скрипт MediaElement.js служит не только для вставки музыки на сайт, но и видео, то есть он представляет из себя некое многофункциональное устройство. Устанавливается MediaElement.js как самый обыкновенный плагин и активируется в административной панели блога. Далее переходите во вкладку «Параметры» и открываете «MediaElement.js», чтобы ознакомится с его настройками. Там не только устанавливается высота и ширина окон воспроизведения, но и вписывается формат файлов, которые вы будете использовать по умолчанию.
Для того, чтобы вставить музыку на сайт, достаточно разместить в тексте статьи следующий код, который размещается в режиме «HTML».
Результат будет выглядеть следующим образом.
[audio src="/audio/The Gossip.mp3"]
Для того, чтобы вставить видео, следует заменить тег «audio» на тег «video» в коде, который расположен выше.
Помимо вышеперечисленных способов, вы можете воспользоваться еще несколькими плагинами для WordPress, которые помогут вам вставить музыку на сайт.
- Blubrry PowerPress Player — так же многофункционален и прост в управлении и настройке.
- Haiky Player — один из лидеров в своей области, поэтому устанавливайте и о пользуйтесь.
(5 голос, средний: 4,20 из 5)
Loading ...
Навигация
Предыдущая статья: ← Как ускорить индексацию сайта Яндексом
Следующая статья: Где взять ссылки на сайт бесплатно →
В этой же рубрике:
Понравилась статья? Получайте свежие уроки прямо на email или подпишитесь на RSS ленту блога!
Здравствуйте. Скажите, пожалуйста, а как добавить аудиоплеер на главную страницу? Где и что именно нужно прописывать, чтоб при открытии сайта автоматически играла композиция? Спасибо.
Анна. Для создания или вставки фоновой музыки необходимо прописать специальный скрипт, либо установить в один из виджетов Радио, которое будет включатся автоматически.
Я не советую вам делать фоновую музыку, потому что она увеличит скорость загрузки страниц. А так же, как показывает статистика, люди не любят такие сайты.
я только что создала сайт что мне дальше делать
Диана, вам необходимо установить плагин для вставки музыки на сайт и далее используя инструкцию описанную в статье сделать задуманное. Или вас что-то еще интересует?
Диана, вам необходимо установить плагин для вставки музыки на сайт и далее используя инструкцию описанную в статье сделать задуманное. Или вас что-то еще интересует?
не работает твой плагин
Алексей, проверьте настройки. Данный плагины прекрасно работают.
Подскажите пожалуйста, никак не получается заставить этот плеер работать. Не могу сообразить куда нужно сохранить папку audio, где эта корневая папка или куда вообще можно сохранять файлы? плеер то работает, только файлы не видит. Нашла единственный способ выкладывать как подкаст. Но хотелось бы через плагин.
папку audio можете поместить, например, в папку public_html — являющуюся корнем (так сделано у меня). А при вставке музыки на сайт пишете строку audio: адрес_сайта/audio/имя звукового файла с указанием расширения
Имя какого сайта нужно указывать в коде HTML?
Имя вашего сайта или постороннего, если вы знаете где на нем лежит файл.
«А при вставке музыки на сайт пишете строку audio: адрес_сайта/audio/имя звукового файла с указанием расширения»
Куда писать ее?
В то место, где по вашему мнению должна располагаться музыка. Либо на страницу записи, либо в Single.php,если она должна быть постоянно на каждой странице, либо в sidebar.php
Добрый вечер! У меня проблема вот с этим "При использовании плагина Audio Player. Добавьте музыку в папку «audio», далее используйте тег: бал бла бла. Не пойму, как это делается. Уже бьюсь с этим неделю и ничего не получается. Плеер установила, а музыка не играет. Просмотрела уже много уроков в инете и никто этот момент подробно не описывает.
Добрый день, Елена. Открываете public_html на хостинге и добавляете в нее папку «audio», а в нее уже копируете вашу музыкальную запись. После этого, в режиме html, размещаете на странице, где будет у вас отображаться плеер — специальный тег. Все.
Большое спасибо!!! Я разобралась!
Добрый вечер !
Подскажите пожалуйста, что делать, если названия песен в плеере отображаются некорректно (непонятные значки вместо названия) ?
Уже пробовала переименовывать, с некоторыми мелодиями все равно не работает почему-то...
Переименовывали через свойства? Если нет, то открываете музыкальный файл правой кнопкой мыши, выбиваете пункт «Свойства», далее переходите во вкладку «Подробно» и переименовываете. Все должно получится. Удачи со вставкой музыки на сайт.
Ура ! Теперь все получилось ! = )) Спасибо Вам огромное !!
Скажите пожалуйста, а куда вставить эту строчку [Audio: чтобы при переходе на другую страницу, музыка не выключалась ?
В header.php
Спасибо ! А куда и какие скобки оставить ?
Последние, там где, непосредственно, будет воспроизводиться музыка
Здравствуйте, Иван! Задержался на вашем замечательном сайте. Прочитал комментарии на статью:"Как вставить музыку на сайт WordPress". Стало более мене понятно. А если в виджет вставить, например 20-100 песен. Я пробовал одну. Не получается. Вы очень хорошо объяснили про ссылку с папки «Аудио». А у меня требует пароль.
Владимир, загрузку папки осуществляете через FTP? Если да, то пароль 777
Файл загружается нормально. Беру ссылку и вставляю в текст. Сохраняю всё. Захожу на сайт. Кликаю на ссылку Просит пароль. 777 — выставлен.
Ссылку вставляете через html?
Здравствуйте. Подскажите как закачать на сайт музыкальную открытку? Заранее благодарю.
Александра, что именно вы хотите видеть?
Я хочу, чтобы была возможность посмотреть открытку и скачать ее.
Добрый день! К сожалению [audio:http-сайт-audio-6beda491027f69.mp3|autostart=yes] не работает в виджате «текст». Если эту ссылку установить на странице, то все работает. Не подскажите, пожалуйста, в чем проблема и как ее решить?
Нужно покопаться в настройках плагина. Возможность на скачивание есть у каждого из них.
Очень странно. Избавьтесь от настройки autostart=yes и попробуйте