- 音楽配信サイトをつくりたい
- バンドの曲を配信したい
- ワンクリックで再生させたい
結論からいうと、フォトギャラリーを利用します。 写真のようにアルバムジャケットを並べ、ワンクリックで音楽を再生させます。
htmlでゴリゴリ作れたらよいけれど、知識がないのでWordPressで作ってみたいという方へ向けた記事です。
実際につくったサイトはコチラ https://projectofnapskint.com
お得なキャンペーン情報

【期間限定:2023年11月28日(金)12時まで】 期間中に新規申し込みで最大35%キャッシュバック& ドメイン2つ永久無料 & 初期費用無料 スタンダードプラン 12ヶ月契約で実質715円/月 24ヶ月契約で実質679円/月 36ヶ月契約で実質643円/月 期間限定のキャンペーン中にはじめた方が、損をしません!
\ 月額643円でスタート! /
この記事を書いた人

- NFTコレクター
- NFT投資で含み益450万円超
- 音楽NFTコレクションを運営
- バンドマンでギターリスト
- 元ECサイト運営マネージャー:年商10億
もくじ
WordPressテーマはSWELLを選択
最初は音楽配信用のテーマを使えばすぐ作れると思い、カッコよさそうな海外のテーマを買ってみました。 WordPressにも慣れてないのに、英語のテーマはハードル高すぎた…

DeepLつかっても限界がある…
失敗から学び、
日本語で利用者が多く、評判もよい「SWELL」
利用者が多い→わからない時に調べて解決しやすい
\ シンプルなのに機能的 /
海外テーマからSWELLに変更して感じたこと
日本語は正義
英語ができる人は別ですが、日本語の表記が重要であることがわかりました。
そもそもブログに不慣れなのに、メニューから全て翻訳しないといけないのは大変すぎです。
ググれば解決する
ブログを始めたばかりだと、分からないことだらけ。
困った時にググって解決するのはありがたいです。
もちろん、海外テーマもググって分かることがありますが、「SWELL」
>>>WordPressのテーマは有料?無料?どっちがいいの?
フォトギャラリーを利用
目指したのはジャケット画像のクリックで曲が再生されるサイト。
画像クリック→詳細ページ→再生ボタンを押してやっと曲が聴ける…
では、聴くまでの導線が長くてめんどくさい。
ネットで検索してもSpotifyやSoundCloudを埋め込む方法はあったけど、外部サイトを使わない方法が見つかりませんでした。
使ったプラグインはPhoto Gallery


つかったプラグインはPhoto Gallery 無料版を使っています。
選んだポイントは3つ
- 曲にリンクが貼れる
- 更新が止まっていない
- 利用者が多い
この3つがクリアできていれば、他のプラグインでも問題なし。 WordPressのブロック「ギャラリー」でも同じことができますが、操作方法がカンタンだったPhoto Galleryにしました。


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


Galleryをつくったら、イメージ画像を入れてタイトルを入力。
WordPressのテーマ「SWELL」
<i class="fas fa-caret-square-right"></i> ↑再生ボタンのアイコン


アップロードした曲のURLをコピペします。
サイトに配置する
TOPページにギャラリーを配置します。


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


このように表示されます。
注意点:必要な場合、詳細ページは別途用意する
上記のやり方で、画像からワンクリックで音楽を再生することはできます。 ただし、音楽を聴けるだけ。 なので、詳細ページが必要な場合は、 別途、投稿ページをつくる必要があります。


このように投稿で別ページをつくっています。
まとめ
画像からワンクリックで音楽を再生させるためには
- htmlの知識がない場合、フォトギャラリーを利用する
- 詳細ページは別途つくる
お手軽に音楽を聴いてもらえるサイトがつくれます! WordPressは10分で始められるので、この機会にチャレンジしてみましょう!
お得なキャンペーン情報


【期間限定:2023年11月28日(金)12時まで】 期間中に新規申し込みで最大35%キャッシュバック& ドメイン2つ永久無料 & 初期費用無料 スタンダードプラン 12ヶ月契約で実質715円/月 24ヶ月契約で実質679円/月 36ヶ月契約で実質643円/月 期間限定のキャンペーン中にはじめた方が、損をしません!
\ 月額643円でスタート! /
あわせて読みたい




【実質0円】WordPressブログの始め方|10分で作れる
・ブログを立ち上げたい!・副業で稼ぎたい!・初心者でもわかるように、画像つきで教えてほしい そんな悩みを解決します。ブログをはじめたいけど、手続きや設定が大変…
あわせて読みたい




【初心者向け】WordPressのテーマは有料?無料?どっちがいいの?
・WordPressの有料テーマはどんなメリットがあるの?・無料のテーマで大丈夫?・オススメのテーマを教えてほしい そんな悩みを解決します。結論を先に言うと ブログで収…
あわせて読みたい




【2023年最新】無料で仮想通貨・日本円がもらえるキャンペーンまとめ
仮想通貨がもらえるの?お得なキャンペーンを教えて無料なら欲しい! そんな声にお答えします!仮想通貨はインターネット上でもらえます。もちろん日本円に換金できるお…
あわせて読みたい




【NFTで副業収入】1ヶ月で66万円稼いだ方法・稼ぎ方|初心者むけ
NFTを700円で買ったら、1ヶ月で66万円になりました(含み益) 買ったNFTは、パンダのキャラクターで人気の「APP(Aopanda Party)」3体。 この記事では「実際にNFTで稼…
あわせて読みたい




【未経験から】どうやってNFTブログで月3万円を稼いだか
ブログで稼いでみたいけど、どうすればイイかわからない本業以外の収入がほしい独立したいからブログを始めたい未経験からブログで月3万円稼げるまでの手順を教えてほし…
あわせて読みたい




音楽NFTの将来性は?サブスクの代わりになる?【アーティストはどう稼ぐか】
MUSEが新作をNFTでも発売 したり、ホイットニー・ヒューストンの未発表曲が1億円以上で落札されたり と、音楽NFTへ注目が集まっています。 有名アーティストが続々とNFT…
あわせて読みたい




バンドマンやDTMerは音楽NFTを始めやすい理由【著作権】
DTMで作曲した曲でマネタイズしたい! バンドの曲を売って稼ぎたい! 「NFTはアーティスト・クリエイターが稼げる」と聞いて、自分もやってみようと思った人。 結論:オ…
あわせて読みたい




【初心者】誰でもできるNFTの始め方「まだ間に合います」
NFTを始めてみたい始めるにはもう遅いかな? そんな疑問にお答えします! 今からNFTを始めても遅くない、むしろ先駆者です! NFTが怪しいと思うのは普通のこと。 人間の…
あわせて読みたい




【2023最新】初心者がNFTを売る(作る/転売)方法|OpenSea利用
NFTってどうやって作るの?作ったNFTはどこで売ることができるの?買ったNFTの売り方を教えてほしい音楽NFTってどうやってつくるの? そんな疑問にお答えします。NFTを…
あわせて読みたい




【必須】日本NFT情報局(N局)で忘れた・逃した・追いきれないを解決
あのNFTの発売日はいつだっけ?アローリスト(AL)持ってたのに買い忘れたALの獲得方法が知りたいあのNFTのフロアプライス(最低価格)今いくらだろう? そんな悩みは「日…