Как добавить аудио на ваш WordPress сайт?

Приветствую всех!

Опять давненько не писал новых статей — сейчас исправляюсь! И сегодня мы затронем такую тему как вставить аудио на ваш блог. В статье получилось очень много картинок, так что даже новичок разберется со всем. Погнали!

В WordPress есть возможность добавлять различные типы файлов в ваши посты. Звуковые файлы являются менее используемые чем например картинки или текст. Тем не менее, бывают случаи, когда есть необходимость добавить аудио на свой сайт, и вы можете сделать это легко со встроенной функциональностью, которая уже есть в WordPress. Вот как вы можете это сделать:

Добавление аудио файлов в посты и страницы

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

Ко мне часто поступают вопросы про хостинг, которым я пользуюсь и поэтому решил указать хостинг в статье https://sprinthost.ru. Вы можете попробовать попользоваться хостингом 30 дней бесплатно. Чтобы понять, как будет работать Ваш сайт на этом хостинге просто перенести свой сайт (в этом поможет поддержка хостинга бесплатно) и и таким образом сможете понять подходит хостинг Вам или нет. На этом хостинге находятся сайты с 20 000 тысяч посещаемость и сайты чувствуют себя отлично. Рекомендую! Да, если делать оплату на 1 год то получаете скидку 25%. И что мне нравится - тех. поддержка всегда помогает в технических вопросах, за что им спасибо. Как Вы понимаете не всегда проходит всё гладко и нет желания, чтобы сайт не был доступен тем самым страдал трафик и доход.

1. В текстовое поле редактора потавьте курсор в том месте где вы хотите чтобы показать аудиоплеер и нажмите кнопку Добавить.

2. Если у вас аудио-файл уже загружен, выберите его из библиотеки мультимедиа.

3. Если нет, перейдите во вкладку загрузить файлы и загрузите файлы.

4. Звуковые файлы и другие медиа-файлы, как правило, большие по размеру. По умолчанию в PHP выставлена максимальная загрузка файлов размером 2M. Таким образом, вы можете столкнуться с ошибкой, что выбранный файл превышает максимальный размер загружаемого файла.

5. В таком случае перейдите к файлу php.ini и посмотреть на эту линию:

upload_max_filesize = 2M
Измените его на
upload_max_filesize = 64M

6. Перезапустите сервер Apache, а затем повторите попытку чтобы загрузить файл. Вы должны увидеть новый размер на экране.

7. Выберите файл и загрузите его. В редакторе вы получите готовый плеер.

8. Опубликованная статья будет также иметь такой же плеер, который может быть использован для запуска / паузы / остановки аудио. Вы также сможете регулировать громкость звука. Это аудио-плеер по умолчанию, который поставляется с WordPress.

Аудио Shortcode:

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

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

Аудиоплеер может использовать аудио файлы в различных форматах. Поддерживаются форматы MP3, OGG и WAV. Вы можете включить резервное объявление и для других поддерживаемых аудио форматов, как вот тут.

Вы хотите воспроизводить аудио-отрезок непрерывно? Делайте это с аргументом цикла. По умолчанию цикл установлен в положение OFF. Установите его в положение ON.

Когда посетитель достигает страницы, вы хотите, чтобы начать автоматическое воспроизведение аудио? Вы можете сделать это с аргументом автовоспроизведения.

По умолчанию является FALSE или 0. Установите его TRUE или 1.

Некоторые сайты запускают автовоспроизведение аудио в фоновом режиме, когда посетитель заходит на сайте. Это может быть достигнуто с помощью шорткода с циклом и автовоспроизведением, кроме некоторых дополнительных CSS, то есть, установив visibility : hidden для аудиоплеера.

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

Добавляем плейлист

Иногда, на музыкальном сайте необходимо отобразить список воспроизведений вместо одного звукового файла.

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

1. В редактора нажмите на кнопку Добавить медиа. Теперь, нажмите на Создать аудио-плейлист.

2. Появиться страница Создать аудио-плейлист. Вы можете добавить необходимые (уже загруженные аудио файлов или вы можете загрузить их из вкладки загрузки файлов) аудио файлов, а затем нажмите кнопку Создать новый список воспроизведения.

3. Появится страница Редактировать аудио-плейлист, где вы можете выбрать настройки для воспроизведения. Вы можете выбрать: показыватьть или скрывать список дорожек, имена исполнителей и миниатюры исполнителей. Это также может быть сделано с помощью шорткода списка воспроизведения (как описано в следующем разделе подробно). Теперь нажмите на кнопку Вставить аудио-плейлист.

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

Если посмотрите на вкладке Текст в редакторе то вы увидите шорткод списка воспроизведения с идентификаторами дорожек (или загруженные аудио файлы), которые будут включены.

Playlist Shortcode:

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

Базовый формат, чтобы добавить аргумент идентификаторов с разделенной запятой списка идентификаторов, как показано выше.

Как найти идентификаторы аудио файлов?

1. Перейдите в библиотеку мультимедиа и отфильтруйте аудио файлы.

2. Нажмите на звуковой файл, чтобы изменить его. В окне Редактировать медиафайл можно увидеть идентификатор сверху в ссылке.

3. Теперь, когда мы знаем, как использовать основной шорткод плейлиста, давайте рассмотрим различные варианты.

4. Вы можете изменить стиль воспроизведения, используя параметры. Установите его в темном стиле или пусть это будет светлый стиль по умолчанию.

5. Теперь список воспроизведения имеет темный стиль, и это хорошо выглядит на светлом фоне.

6. Вы можете выбрать, чтобы список дорожек не отображался, установив его на FALSE или 0 вместо стандартного TRUE или 1.

7. Вы увидите только детали списка воспроизведения и аудиоплеер.

8. Вы можете изменить порядок идентификаторов, чтобы изменить порядок дорожек в списке воспроизведения.

9. Вы можете также установить аргумент tracknumbers в FALSE или 0 вместо стандартного TRUE или 1, чтобы скрыть или показать номера дорожек соответственно.

10. Посмотрите на список воспроизведения с номерами дорожек когда они скрыты.

Что делать, если вы не хотите, чтобы отображалась миниатюра на верху? Вы можете сделать это, установив аргумент изображения на FALSE или 0 вместо значения по умолчанию TRUE или 1.

Вот список воспроизведения без миниатюры.

И, наконец, почему бы не удалить имена исполнителей тоже?

Используйте аргумент artists и установить его на FALSE или 0 вместо стандартного TRUE или 1, чтобы скрыть или показать имена исполнителей соответственно.

Вот список воспроизведения где имена исполнителей удалены.

Итак. Два разных способа использования и отображения аудиофайлов на вашем сайте — один файл или как список. Используйте шорткоды для быстрого и простого добавления аудиофайлов. Играйте с аргументами или их комбинацией для достижения желаемого результата, который вы имеете в виду.

Разве это не потрясающе?

Вот и конец статьи про вставки аудио-файлов на сайт. Всего вам хорошего и до новых встреч!

С вами был — ваш Юрич!

А вы используете у себя на сайте аудио-файлы?

Обо мне
Юрич:
Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.
2 комментария к статье "Как добавить аудио на ваш WordPress сайт?"
  1. Юрич: 12.06.2017 в 19:36

    Мне жаль что я вас огорчил)

  2. Leo: 12.06.2017 в 19:12

    Привет, Юрич!
    Прочитал и сильно огорчился. Потрясающая эпидерсия! По сути своей работа на компе подразумевает предельную простоту и удобство. Это касается и добавления и редакции информации. Подобные операции должны проводиться за пару кликов. А тут такой огород, что за вечер не объехать. Легче отказаться от желания….. :-(…извини…

Заказать сайт