オーディオ

2020.04.06 2020.04.06

TOPICS

オーディオ

シンプルなショートコードを使って、音声ファイルを直接埋め込んで再生することができます。サポートされているファイルタイプは、mp3、ogg、wma、m4a、wavです。

オーディオショートコード

以下のショートコードは、music.mp3ファイルを読み込むオーディオプレーヤーを表示します。

テンプレートファイルのショートコードを使用するには、do_shortcode関数を使用します。(theme_directory)/soundsディレクトリにmusic.mp3ファイルが保存されている場合は、以下のコードをテンプレートファイルに挿入してください。

$music_file = get_template_directory_uri() . "/sounds/music.mp3"; 
echo do_shortcode('');

ショートコードによって、オーディオプレーヤーが表示されます。

ループと自動再生

以下のオプションがサポートされています。

ループ

メディアのループを許可します。

自動再生

メディアファイルの準備が整い次第、メディアを自動的に再生します。

以下のコードでは、自動再生をして、ループもされます。

echo do_shortcode('');

スタイル

オーディオプレーヤーの見た目を変えたい場合は、デフォルトのクラス名「wp-audio-shortcode」をターゲットにすることで変更することができます。style.cssに以下のコードを挿入すると、オーディオプレーヤーの横幅が半分になります。

.wp-audio-shortcode {
  width: 50%;
}

サポートしているオーディオのフォーマット