【無料配布】anc0 Music Player v1.0.1|3テーマ対応・ジャケット付きWordPress音楽プレーヤー
音でつながる、もっと近くに。WordPressに音楽を埋め込めるオリジナルプラグイン「anc0 Music Player」を無料公開しました! 3つのデザインとジャケット表示、音量・シーク操作、スペクトラム表示を備えたコンパクトなプレーヤーです。
3種類のデザインを収録
まずは最初に描いたデザイン画をご紹介。Dark・Light・Cyberの3テーマを実装し、プレーヤー幅は最大約672pxのコンパクト仕様にまとめました。

Dark:濃紺のガラス調ボディにピンクのSVG発光リング。
Light:白と淡い桜色を基調にした柔らかなデザイン。
Cyber:角をカットした専用シルエットと、シアン・紫・ピンクのネオンライン。

できること
- ジャケット・曲名・アーティスト名の表示。長い曲名はスクロール表示。
- 再生/一時停止/停止、音量調整・ミュート・シーク操作。
- スペクトラム表示と曲詳細パネル。
- 1記事に複数曲を設置可能。別の曲を再生すると再生中の曲は自動的に一時停止。
- パソコンの狭い記事カラムでも、表示領域に合わせて2段に切り替わるレスポンシブ設計。
- 管理画面から音源とジャケットを選び、曲ごとにテーマを選択。
※スペクトラムは同一オリジンで解析できる音源では実音声に連動したFFT表示、外部音源など解析できない場合は演出アニメーションです。音が出ることを優先した設計です。
無料ダウンロード
anc0 Music Player v1.0.1/WordPress 6.3以上・PHP 7.4以上/GPLv2 or later。音源やジャケット画像はプラグインに同梱していません。
配布ファイル名:anc0-music-player-1.0.1.zip(約39KB)。ZIPは展開せず、WordPressのプラグインアップロードからインストールできます。
インストールと楽曲登録
- 念のためサイトのバックアップを取る。
- WordPress管理画面 →「プラグイン」→「新規プラグインを追加」→「プラグインのアップロード」でZIPを選び、有効化する。
- 左メニュー「anc0 Music Player」→「楽曲管理(Tracks)」を開く。
- メディアライブラリからMP3などの音源とジャケット画像を選び、曲名・アーティスト名・テーマを設定して保存。
- 表示されたショートコードをコピーし、投稿・固定ページの「ショートコード」ブロックに貼り付ける。
設定は基本的にプラグインの管理画面に集約しています。メディアIDを調べる必要はありません。
ショートコードの使い方
管理画面で楽曲を保存すると、次の形式のコードが自動生成されます。数字は実際に発行された楽曲IDに置き換えてください。
[anc0_track id="1"]
曲ごとにテーマを上書きするときは、次のように指定できます。
[anc0_track id="1" theme="cyber"]
旧バージョンのメディアID直接指定形式も引き続き使用できます。
[anc0_track audio_id="710" cover_id="711" title="Kawaii Coding Time" artist="anc0"]
※この「710」「711」は書き方を説明するための例です。ご自身のWordPressにあるメディアIDに読み替えてください。
実際のプレーヤーを試す
以下はこのブログで使用しているプレーヤーです。再生ボタン・音量・シーク・右端の曲詳細ボタンを試してみてね。
注意事項・ライセンス
- 音源・ジャケットは各自で用意し、権利を持つもの、または利用許諾を得たものを使用してください。
- プラグイン本体のライセンスはGPLv2 or laterです。サンプル音楽・ジャケットは同梱されません。
- 旧v9(別フォルダのプラグイン)を利用中の場合は、バックアップを取り、旧版を無効化してから配布版を有効化してください。
- 旧版のメディアID形式ショートコードは互換対応していますが、更新後は既存記事の表示を確認してください。
更新履歴:v1.0.1 ― タイトルスクロール修正/Cyber外形調整/PCの狭い表示領域でのレスポンシブ改善。

