Как добавить аудио файлы и создать плейлисты в WordPress

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

Добавляем аудио файл в WordPress

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

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

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

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

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

WordPress автоматически встроит эту ссылку для вас. Это похоже на то, как вы встраиваете видео в WordPress, где нужно всего лишь вставить ссылку на видео YouTube, а WordPress автоматически встроит его.

Добавляем аудио плейлисты в WordPress

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

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

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

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

Добавляем аудио файлы и плейлисты в виджеты сайдбара

По-умолчанию, WordPress автоматически не встраивает ссылки на аудио файлы. Сначала нам нужно активировать автоматическое встраивание для текстовых виджетов, а после них — шорткоды. Просто вставьте следующий код в файл functions.php вашей темы или в плагин для сайта WordPress:

add_filter( 'widget_text', array( $wp_embed, 'run_shortcode' ), 8 );
add_filter( 'widget_text', array( $wp_embed, 'autoembed'), 8 );
add_filter( 'widget_text', 'do_shortcode');

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

WordPress автоматически встроит ссылку в медиаплеер для проигрывания вашего аудио файла.

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

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

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

Теперь, когда у вас есть ID файлов, вы можете использовать шорткод такого формата:

Не забудьте заменить id на свои собственные. Вы можете использовать этот шорткод в текстовом виджете. Вот так он выглядел на нашем тестовом сайте:

Мы надеемся, что эта статья помогла вам научиться добавлять аудио файлы и создавать плейлисты в WordPress.

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

По всем вопросам и отзывам просьба писать в комментарии ниже.

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