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

Аудиоблок WordPress позволяет вам предоставлять воспроизводимые аудиофайлы на ваших страницах и в сообщениях. Аудиофайлы могут быть добавлены из вашей медиатеки или URL-адреса. Пользователи могут воспроизводить аудио из своих браузеров или загружать их для прослушивания в автономном режиме. Это отличный способ предоставить посетителям музыку, подкасты или другие типы аудиофайлов для прослушивания и использования.

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

Как добавить аудиоблок в сообщение или страницу

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

Кроме того, вы можете ввести / audio и нажать Enter в том месте, где вы хотите разместить блок.

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

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

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

Справа расположены три точки, которые открывают варианты для пользователя. Здесь есть ссылка для скачивания.

Настройки и параметры аудиоблока

Аудиоблок включает настройки и параметры в самом блоке и на правой боковой панели. Давайте посмотрим на оба.

Панель инструментов аудиоблока

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

Изменить тип или стиль блока

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

Перетащить и переместить

Инструмент «Перетащить», значок с 6 точками, позволяет перетаскивать блок куда угодно. Инструмент «Перемещение», стрелки вверх и вниз, перемещает блок вверх или вниз на одну позицию содержимого каждый раз, когда вы нажимаете стрелку. Оба предоставляют простой способ перемещать блок по области содержимого.

Изменить выравнивание

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

Это широкая ширина, которая занимает большую часть ширины экрана.

Заменять

Эта опция позволяет заменить аудиофайл, не удаляя блок. Откройте библиотеку, загрузите файл или введите URL-адрес файла.

Параметры

Опция включает стандартные настройки, которые есть в большинстве блоков WordPress:

Скрыть дополнительные настройки - скрывает правую боковую панель.

Копировать - это копирует блок, чтобы вы могли вставить его в другое место в вашем контенте.

Дублировать - добавляет дубликат блока под оригинал.

Вставить перед - это место для блока перед блоком.

Вставить после - это место для блока после блока.

Переместить в - это позволяет вам перемещать блок, используя синюю линию, чтобы выбрать его размещение.

Редактировать как HTML - это переключает блок в режим редактора кода, чтобы вы могли редактировать HTML, не изменяя остальные блоки.

Добавить в повторно используемые блоки - это добавляет блок в ваш список повторно используемых блоков.

Группа - добавляет блок в группу, чтобы вы могли настроить их как единое целое.

Удалить блок - удаляет блок.

Подпись

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

Жирный и курсив можно использовать вместе или по отдельности. Я добавил жирным шрифтом и курсивом слово «Это» в приведенном выше примере.

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

Нажатие « Дополнительные параметры» позволяет настроить стиль текста. Все они влияют на текст, который вы выделяете. Я использовал несколько из них в приведенном выше примере. Они включают:

Встроенный код - стилизует текст так, чтобы он выглядел как код.

Встроенное изображение - это добавляет встроенное изображение из вашей медиатеки, как я сделал между словами «аудио» и «подпись».

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

Зачеркнутый - это помещает линию через текст, как слово «подпись» в примере выше.

Подстрочный индекс - делает текст ниже и меньше остальных, как слово «Вы» в приведенном выше примере.

Надстрочный индекс - делает текст выше и меньше остальных.

Цвет текста - открывает инструменты цвета для изменения цвета текста, как я сделал со словом «вы» в приведенном выше примере. Выберите один из предварительно выбранных цветов или создайте собственный цвет. Для пользовательских цветов вы можете использовать палитру цветов или ввести шестнадцатеричный код, код RGB или код HSL.

Настройки боковой панели аудиоблока

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

Настройки звука

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

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

Авто - это загружает весь аудиофайл, даже если пользователь не нажимает на него для воспроизведения.

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

Нет - информация или данные не загружаются автоматически.

Передовой

Дополнительные настройки включают поля для привязки HTML и дополнительных классов CSS. Якорь HTML - это URL-адрес, который позволяет напрямую ссылаться на блок. Поле Дополнительные классы CSS позволяет добавлять классы CSS для стилизации блока.

Советы и рекомендации по эффективному использованию аудиоблока

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

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

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

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

Выберите «Группа», чтобы стилизовать фон аудиоплеера.

Используйте этот блок для встраивания аудио в свои страницы и сообщения.

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

Часто задаваемые вопросы об аудиоблоке

Что делает аудиоблок?

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

В чем преимущество использования аудиоблока?

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

Можно ли его трансформировать в другие блоки?

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

Можно ли использовать другие блоки для аудиофайлов?

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

Как лучше всего использовать этот блок?

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

Какие типы файлов может использовать блок?

Аудиоблок совместим с файлами .mp3, .m4a, .ogg и .wav. Плеер выглядит и работает одинаково с каждым из типов файлов.

Заключение

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

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

Лучшее изображение через все, бублик / shutterstock.com