WordPressで音楽配信サイトをつくる方法｜再生プラグインも紹介

そんな悩みにお答えします。

htmlをつかってwebサイトを作れたらよいけれど、知識がないのでWordPressで作ってみたいという方へ向けた記事です。

webサイトをつくった経験がなくても大丈夫です。
なぜならぼく自身、完全初心者の時にサイトがつくれています。

実際につくった音楽配信サイトはコチラ
https://projectofnapskint.com

この記事を読むことで、初心者でも音楽配信サイトをつくることができるようになります。

使用したテーマとプラグイン

音楽配信サイトをつくるため、実際に利用したものをあげます。

エックスサーバーでWordPressを開始

まずは、WordPressが必要です。
まだ導入していない方は、

エックスサーバーでWordPressを始めます。

詳しい導入方法は「WordPressの始め方|10分で作れる」を参考にしてください。

WordPressテーマはSWELLを選択

テーマって何？

WordPressのテーマは、

が含まれた、webサイト全体のテンプレートです。

テーマを使うと、「クールなデザインのwebサイトが簡単にできる」という理解で大丈夫です。

海外のテーマを買って失敗…

最初は音楽配信用のテーマを使えばすぐ作れると思い、カッコよさそうな海外のテーマを買ってみました。

その結果は、大失敗。

WordPressにも慣れてないのに、英語のテーマはハードル高すぎました…

初心者で海外テーマをつかうのは、やめた方がイイです！

WordPressもよくわかってないのに、英語で設定していくのは至難の技。
結局、つかうのを諦めました。

日本で評判のよいSWELLに変更

失敗から学び、
日本語で利用者が多く、評判もよい「SWELL」を選びました。

利用者が多いと、わからない時に調べて解決しやすい！

海外のテーマをつかったから、このありがたさが身に沁みます。

＼ シンプルなのに機能的 ／

＞＞＞SWELLを購入する

海外テーマからSWELLに変更して感じたこと

日本語は正義

英語ができる人は別ですが、日本語の表記が重要であることがわかりました。
そもそもブログに不慣れなのに、メニューから全て翻訳しないといけないのは大変すぎです。

ググれば解決する

ブログを始めたばかりだと、分からないことだらけ。
困った時にググって解決するのはありがたいです。

もちろん、海外テーマもググって分かることがありますが、「SWELL」のように利用ユーザーが多いと、細かい疑問でもすぐに解決します。

無料のテーマはどうなの？

無料でもCocoonのように、人気のテーマをつかうのはアリだと思います。

一点だけ知っておくべきことは、

後からテーマを変更するのは、めちゃくちゃ大変

ということ。
不具合が起こる可能性もあり、調整に莫大な時間がかかります。

詳しくは、「WordPressのテーマは有料？無料？どっちがいいの？」で解説しているので参考にしてください。

プラグインはフォトギャラリーを利用

音楽配信サイトで目指したのは、

ジャケット画像をクリックすると曲が再生されるサイト。

画像クリック→詳細ページ→再生ボタンを押してやっと曲が聴ける…
では、聴くまでの導線が長くてめんどくさい。

ネットで検索してもSpotifyやSoundCloudを埋め込む方法はあったけど、外部サイトを使わない方法が見つかりませんでした。

外部サイトの埋め込みは、サービス終了や禁止事項の追加などで自分のサイトで使えなくなるリスクがあります。

使ったプラグインはPhoto Gallery

つかったプラグインはPhoto Gallery 
無料版を使っています。

選んだポイントは3つ

この3つがクリアできていれば、他のプラグインでも問題ありません。
WordPressで最初からつかえるブロック「ギャラリー」でも同じことができますが、操作方法がカンタンだった「Photo Gallery」にしました。

設定は、
「Redirect to url」で、リンク先の曲が再生される。
CDジャケットのイメージでサムネは正方形に設定します。

Galleryをつくったら、ジャケットになる正方形のイメージ画像を決めます。

画像の上に表示されるテキストは、

「Redirect URL」に音源のURLを入れます。

メディアにアップロードした曲のURLをコピペすればOKです。

サイトに配置する

TOPページにギャラリーを配置します。

ブロックから「Photo Gallery」を選択。

このように表示されます。

詳細ページは別途用意する

上記のやり方で、画像からワンクリックで音楽を再生することはできます。
ただし、音楽を聴けるだけ。

なので、詳細ページが必要な場合は、
別途、投稿ページをつくる必要があります。

再生だけでなく曲をダウンロードしてもらいたかったので、詳細ページを作りました。

つかったプラグインは、無料で使えるAudioIgniter。

メディアにアップロードした曲を指定し、ショートコードをコピーします。

投稿ページに、ショートコードを貼りつければ再生プレイヤーが表示されます。

見た目が気に入っただけなので、好みの音楽再生プラグインで代替え可能です。

まとめ：WordPress(ワードプレス)で音楽配信サイトをつくる方法｜ワンクリック再生プラグインも紹介

以上、WordPressで、音楽配信サイトをつくる方法を解説しました。

画像からワンクリックで音楽を再生させるためには

お手軽に音楽を聴いてもらえるサイトがつくれます！

WordPressは10分で始められるので、この機会にチャレンジしてみましょう！

＞＞＞WordPressブログの始め方

WordPressのテーマは↓