Плагин WordPress: WPAudio для аудиоклипов

  1. Шаг 1. Установите плагин WPAudio
  2. Шаг 2. Загрузите аудиоклип в медиатеку WordPress.
  3. Шаг 3 (а): Использование плагина по одной ссылке за раз
  4. Шаг 3 (б): Преобразование всех ваших аудио-ссылок без сбоев кода

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

Кредит песни: Они могут быть гигантами

Хотите знать, как я получил эту скромную аудио-ссылку для воспроизведения прямо в этом посте? Да ладно, щелкните по нему - это всего лишь 19 секунд.

Что эта синяя штука делает здесь?

С плагином, конечно!

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

Шаг 1. Установите плагин WPAudio

В плагинах -> Добавить новый, найдите WPAudio (без пробелов, без кавычек). Если первая строка описания: «Все остальные аудиоплееры WordPress были дрянными или уродливыми, поэтому я выбрал лучший», это то, что вам нужно. Установите и активируйте плагин обычным способом ,

Шаг 2. Загрузите аудиоклип в медиатеку WordPress.

Этот процесс иллюстрируется в моем посте Как добавить аудиоклип на ваш сайт WordPress , но вот освежающий напиток:

  1. На экране редактирования поста (или страницы) щелкните маленькую серую музыкальную заметку справа от слова «Загрузить / Вставить» под заголовком страницы.
  2. Выберите вкладку «С компьютера» во всплывающем окне и найдите свой аудиофайл.
  3. Найдя файл, нажмите «Загрузить» и посмотрите на симпатичную полосу прогресса.
  4. Когда это будет сделано, нажмите на ссылку «показать».
  5. Отредактируйте поле «Заголовок» - оно станет названием аудиоклипа, воспроизводимого по клику.
  6. Нажмите «Вставить в сообщение» в нижней части окна.

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

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

Есть два способа заставить плагин WPAudio творить чудеса с вашими файлами .mp3.

Шаг 3 (а): Использование плагина по одной ссылке за раз

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

<a href="http://www.yoursite.com/wp-content/uploads/pieceofmusic.mp3"> Музыкальная пьеса </a>

Вам нужно вставить этот фрагмент:

класс = "wpaudio"

в эту ссылку, так это выглядит так:

<a class="wpaudio" href="http://www.yoursite.com/wp-content/uploads/pieceofmusic.mp3"> Музыкальная пьеса </a>

Теперь вы можете вернуться на вкладку Visual.

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

Так же, как эта ссылка в верхней части этого поста. Вы нажали на это? Продолжай, ты знаешь, что хочешь!

Шаг 3 (б): Преобразование всех ваших аудио-ссылок без сбоев кода

Если вы используете много аудиофайлов, или планируете использовать множество аудиосвязей, или просто не хотите иметь дело с HTML, WPAudio предлагает решение в один клик, которое обнаруживает и конвертирует все ссылки .mp3 в мини-проигрыватели.

Перейдите в Настройки -> WPAudio на панели инструментов WordPress, и первое, что вы увидите, это флажок «Преобразовать все ссылки MP3».

Примечание

Флажок Параметры WPAudio для преобразования всех .mp3 ссылок в аудиоплееры

Установите этот флажок и прокрутите вниз, чтобы нажать синюю кнопку «Сохранить изменения», и все будет хорошо.

Я все еще думаю, что удобно знать, как конвертировать ссылки вручную, хотя ...

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

Параметры WPAudio для оформления аудио ссылок

ХОРОШО. Теперь у вас должен быть загружен файл, установлен соответствующий плагин и ссылка, встроенная в пост, который будет воспроизводить эту ссылку. Время опубликовать свой пост и дать себе аплодисментов!

Эта толпа болеет за тебя!

Что эта синяя штука делает здесь?
Вы нажали на это?