3 супер простых способа добавить аудиоплеер WordPress

Знаете ли вы, что время, затрачиваемое на прослушивание онлайн-аудиоконтента, достигло рекордно высокого уровня? Это означает, что люди поглощают подкасты, аудиокниги, онлайн-радио и многое другое. Независимо от того, продвигает ли ваш веб-сайт ваше искусство или бизнес, вы действительно не ошибетесь, добавив аудиоконтент и аудиоплеер WordPress на свой сайт.

В среднем люди тратят 17 часов в неделю на прослушивание онлайн-аудиоконтента в неделю, и около 14 миллионов новых пользователей превратили подкасты в свою новую еженедельную привычку в 2018 году . способы оживить ваш веб-сайт и бренд, аудиоконтент — безопасная игра.

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

Есть три способа встроить аудиоплеер WordPress на ваш веб-сайт — давайте посмотрим, какой из них вам подходит.

Классический редактор

Если вы используете классический редактор WordPress, вот самый простой способ добавить аудиоплеер WordPress на свою страницу или в запись.

Перейдите в бэкенд страницы или публикации. Нажмите на кнопку «Добавить медиафайл» в редакторе.

Выберите «Создать список воспроизведения аудио» и щелкните один из двух доступных вариантов. Если у вас уже есть аудиофайлы, загруженные в вашу медиатеку, нажмите «Медиатека», чтобы выбрать их. Если вы еще не добавили свои аудиофайлы на веб-сайт, нажмите «Загрузить файлы».

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

Когда вы добавите все детали, нажмите «Создать новый плейлист» в правом нижнем углу. Там вы найдете дополнительные настройки плейлиста. Вы можете выбрать, хотите ли вы показать полный список треков, имя исполнителя и сопровождающие изображения.

После того, как вы настроите свое место, вы увидите кнопку «Вставить аудио-плейлист» в правом нижнем углу. Нажмите на нее, чтобы добавить плейлист аудио на свою страницу или в публикацию.

При предварительном просмотре страницы аудиоплеер WordPress должен выглядеть следующим образом.

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

Редактор Гутенберга

Если вы используете редактор Gutenberg на своем сайте WordPress, добавление аудиоплеера в любой раздел вашей страницы или публикации становится еще проще благодаря блокам Gutenberg. Перейдите в бэкенд страницы или поста, нажмите на значок «+» в редакторе и найдите аудиоблок. Нажмите на результат.

Как и в классическом редакторе, у вас есть возможность загрузить файлы с вашего компьютера или выбрать аудиофайлы, которые уже доступны в медиатеке. Однако есть и дополнительная возможность вставить аудио из URL. Если вы выберете этот вариант, будьте осторожны, какой файл вы добавляете из URL-адреса. Например, если вы добавите файл с YouTube, он будет встроен как видео, а не как трек.

Недостатком редактора Gutenberg является то, что он не предлагает возможности создания плейлиста — вы можете вставить только один аудиофайл. Если вы хотите создать плейлист аудио WordPress в Гутенберге, вам нужно будет установить плагин, который позволит это сделать.

Однако есть несколько интересных опций, которых нет в классическом редакторе, например, включение автозапуска и цикла.

Так выглядит аудиоплеер WordPress, созданный с помощью Gutenberg.

Тема с аудиоплеером

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

Взгляните на музыкальную тему WordPress Credence. Хотя он был разработан для групп, певцов и продюсеров, благодаря своим возможностям настройки и большим функциональным возможностям его можно легко превратить в веб-сайт для вашего подкаста.

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

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

Credence интегрирован с несколькими музыкальными платформами, поэтому вы можете легко вставлять аудио- и видеоконтент с YouTube, Spotify, Deezer, Soundcloud, Vimeo, AmazonMp3 и многих других платформ. Также есть возможность встраивать плейлисты прямо с этих платформ.

Но на этом особенности Криденса не заканчиваются. Вы также можете объявить о своих выступлениях или выступлениях, используя шаблоны туров и мероприятий. Если вы хотите продавать товары, есть готовые макеты интернет-магазина, которые легко интегрируются с плагинами электронной коммерции и платежными шлюзами.

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

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