『Soundy Background Music』の使い方と設定方法

バックグラウンドに音楽を設定して再生できるのが『Soundy Background Music』。

このプラグインは全てのページで再生することも、好きなページだけで再生することもできます。

今回は『Soundy Background Music』の使い方と設定方法を解説します。

Soundy Background Music デモページ

このプラグインを使ったデモページです。

• メルプラ 検証・デモサイト
  ※リンク先で音楽が自動再生されます

Soundy Background Musicの設定方法

Soundy Background Musicの設定は、「設定」と「投稿記事」から行うことができます。

設定では共通の設定を、投稿記事では記事ごとの設定を行います。

全てのページに同じ音楽を設定するのであれば「設定」からの設定のみで構いません。

管理画面から共通の設定

管理画面の左メニューの「設定」の中に追加された「Soundy Background Music」から行います。

Audio Track

デフォルトの音楽を設定を行います。

Play/Pause Button

再生ボタンの画像を設定します。

Play/Pause Corner Position

再生ボタンの配置を設定します。

Play/Pause Button Responsiveness

再生ボタンの応答性を設定します。

投稿記事ごとの設定

次に投稿記事ごとの設定に移ります。

Soundy Background Musicプラグインを有効化すると、記事の編集画面の下に次のような画面が表示されます。設定画面は「General」「Soundtrack」「Play Options」「Short Codes」に分かれています。

General

ここでは音楽の有効化とボタンの表示を設定します。

Default：管理画面の設定から設定した内容が設定されます。

Yes：対象のページで有効化／無効化します。

No：対象のページで無効化／無効化します。

Soundtrack

ここではページごとの音楽について設定します。

Soundtrack：Defaultでは管理画面の設定から設定した音楽が再生されます。
Customを選択するとページごとに音楽を設定することができます。

Audio Volume：Defaultでは管理画面の設定から設定したボリュームで再生されます。
Customを選択するとページごとにボリュームを設定することができます。

Audio Title：Defaultでは管理画面の設定から設定した音楽のタイトルが表示されます。
Customを選択するとページごとに設定した音楽のタイトルが表示されます。

Play Options

ここでは音楽の再生方法を設定します。

Autoplay：Defaultでは管理画面の設定から設定した内容で再生します。
Yesを選択すると自動再生されます。
Noを選択すると自動再生はされません。

Audio Repeat Loop：Defaultでは管理画面の設定から設定した内容で再生します。
Yesを選択すると音楽終了時に初めから再生します。
Noを選択するとループはしません。

まとめ

このプラグインを使うことでバックグラウンドに音楽を設定することができます。

ただ音楽を設定するだけなら数多くのプラグインが実装されていますが、このプラグインは再生ボタンのアレンジ機能や再生ボタンの表示有無、自動再生の有無など細かな設定まで行うことができます。

オシャレなボタンと音楽を設定してブログを着飾ってみましょう。

プラグインの設定方法で不明点があればコメントお待ちしております。