AudioIgniter Music Playerで、サムネイル付きのプレイリストを作成

WordPressでは、YouTube以外にも、いろいろなメディアの埋め込みが出来ます。今回は、AudioIgniter Music Playerで、サムネイル付きのミュージックプレイリストを作成する方法を紹介します。

今回のDEMOは、Garage Bandで作成した音楽のプレイリストです。

5曲の音楽をプレイリストにしました。再生、音量調整、オールリピート再生が出来ます。

Tracks

プラグインをインストール、有効化をします。左サイドバーのAudioInniter＞Add New Playlistをクリックします。プレイリスト作成画面が表示されるので、タイトルを入力します。

Add Trackボタンをクリックし、5つのトラックを作成します。Audio file or radio streamのUploadをクリックし、メディアライブラリから曲のファイルを選択し、選択ボタンをクリックします。5つのトラックに曲を挿入します。Titleの曲名を変更し、Artistに名前を設定します。

Upload Coverをクリックし、メディアライブラリからサムネイルを選択し、選択ボタンをクリックします。5つすべてのトラックにサムネイルを設定します。公開ボタンをクリックします。

Settings

Trascsの下のSettingsで詳細設定を行います。ボリュームを下げるため、Starting Volumeを30に設定します。トラックの高さを伸ばすため、Track listing heightを250に設定します。その他は、デフォルト設定です。Shotecodeの更新ボタンをクリックします。

設置

AudioInniter＞All PlaylistsのShortcodeのショートコードをコピーします。

編集画面を開き、ショートコードブロックを作成し、ショートコードをペーストします。今回は、3カラムの中央に設置しました。