![見出し画像](https://assets.st-note.com/production/uploads/images/49443020/rectangle_large_type_2_dbd3248c484869efefc407844ba4ddc8.jpg?width=1200)
バンド・ミュージシャンのホームページの作り方 - 音源情報ページ編
太田ヒロシと申します。
zousanrecordsというところでバンドやミュージシャン、音楽家のホームページに特化したWordPressテーマを制作してます。
インストールするだけで簡単に本格的なホームページ作成が可能です。
今回はzousanrecordsのWordPressテーマ機能解説「音源情報ページ」編です。
WordPressテーマは何種類かありますがzousanrecordsPROの現バージョンではこんな見た目になっています↓
![](https://assets.st-note.com/img/1721696110025-V0hrNbNOFc.png?width=1200)
投稿画面はこんな感じ↓
![](https://assets.st-note.com/production/uploads/images/49439761/picture_pc_62167da3eec9166edb24fe999f2546e5.jpg?width=1200)
こだわり① YouTube動画・音源再生ボタン
投稿画面の曲目ごとに
・タイトル
・YouTubeID
・外部再生リンク
を入力できるようにしています。
![](https://assets.st-note.com/production/uploads/images/49441568/picture_pc_4d4dc06625c5af76928410c66031335a.png?width=1200)
YouTubeID、外部再生リンクを入力するとページにボタンが表示されます。(PRO版のみ)
![](https://assets.st-note.com/production/uploads/images/49441606/picture_pc_65319834b07706bcaed694c5b0d6eafa.png?width=1200)
それぞれボタンをクリックすると再生されます。
![](https://assets.st-note.com/img/1721696168377-Em38Rf3aQ4.png?width=1200)
こだわり② ストリーミングサービスへのリンク
各ストリーミングサービスへのリンクを入力すると、これもボタンが表示されます。(PRO版のみ)
![](https://assets.st-note.com/production/uploads/images/49441858/picture_pc_6479b861ea42fa3236070bf51b669290.png?width=1200)
こだわり③ SHOPページへのリンク
音源を販売しているサイトがある場合、リンクを入力すると「SHOP」ボタンが付きます。
![](https://assets.st-note.com/production/uploads/images/49442172/picture_pc_239bd87da7b097c15337fe2312d418c4.png?width=1200)
![](https://assets.st-note.com/img/1721696204281-ojwZAOHvz6.png)
こだわり④ トップページとの連携
「トップページ表示選択」にて「表示」にチェックを入れるとトップページに投稿の新しい順に表示します。
![](https://assets.st-note.com/production/uploads/images/49442326/picture_pc_ab83acf6ecc99e8d756f5e73500e32ca.png)
表示方法は最新の4件を表示、
![](https://assets.st-note.com/production/uploads/images/49442627/picture_pc_d51741e9401692ba9fe33b30816e41d5.png?width=1200)
スライド式で無制限表示の2種類があります。
![](https://assets.st-note.com/img/1721696243181-rhxbLc0rzx.png?width=1200)
選択は管理画面
SETTING→トップページ→DISCOGRAPHY表示方法選択
からできます。
![](https://assets.st-note.com/production/uploads/images/49442723/picture_pc_5d3cb7776c7d194a25e82f8c94194642.png)
(無料版は「最新の4件表示」のみ)
音源常用の更新方法
最後に音源情報の更新手順を動画にしましたのでどうぞ。
-----------------------
zousanrecordsではバンドやミュージシャン、音楽家のホームページ作成をお手伝いしています。
この記事が気に入ったらサポートをしてみませんか?