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

0 2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Аудио Shortcode:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Playlist Shortcode:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оставьте ответ

Ваш электронный адрес не будет опубликован.