amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} /* Inline styles */ h2.acss2f015{text-align:center;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

И заиграла музыка…

Сайты с аудиоплеером – не редкость. Установка плеера на сайт необходима, если он посвящён музыкальной тематике.
На Word Press возможно поставить аудиофайл через меню Медиафайлы, но, как обычно, эти функции весьма скудны, и их может не хватить, когда аудио используется на профессиональном уровне.

Зачем нужен аудиоплеер на сайте

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

Но это всё обычно и понятно. Аудиоплеер на самом деле можно также использовать и на почти любом сайте. Допустим, если у вас блог об уроках фотографирования, и вы ведёте какие-либо статьи, украшаете их картинками и т.п.

И вот бы удивился ваш посетитель, если бы где-то на странице увидел бы простенький аудиоплеер, при нажатии на который, он смог услать ваш (или чей-либо другой) голос, озвучивающий написанную статью.

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

Как поставить аудиоплеер на сайт

Установка аудиоплеера производится с помощью одноимённого плагина  Audio Player. После его установки и активации, вам будут доступны его настройки.
Так, потребуется определить папку с аудиофайлами на сервере. Туда вы будете складывать всю аудио мультимедию, и на этот каталог надо указать путь. Данный плеер поддерживает традиционный  формат mp3.

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

Рекомендуется название файла писать латинскими буквами, а пробелы разделять «-» или «_».

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

Есть опции для RSS, которые определяют, что именно будет публиковаться в ленте для ваших подписчиков.

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

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

Адель Гадельшин

View Comments

  • Интересно было бы делать аудиоверсии статей, размещенных на своем сайте

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

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

  • Хотелось бы чтоб играла музыка при посещении сайта. Почему то редко используемая функция на сайтах. Почему интересно.

  • Как интересно. Ни разу не встречала сайтов с аудиплеером. Захотелось посмотреть.

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

7 месяцев ago

Как сделать запуск инфопродукта

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

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago