【完全無料】バンドホームページの作り方ガイド。BASEで作れる？
太田ヒロシと申します。普段はzousanrecordsというところでミュージシャンのホームページ作成のお手伝いをしたりヒダリというバンドやソロなどで音楽活動をしております。
先日、スレッズで気になる投稿を見かけました。
ミュージシャンの場合、BASEは音源やグッズ販売のネットショップとして使うケースがほとんどかと思いますが、これをホームページとして使ってしまおう、というものです。
「そんなことができたら自分の作ってるテンプレなんて必要ないじゃなか！」
と脅威に思ったので実際にBASEのショップページがバンドやミュージシャンのホームページとして機能するのか検証してみました。
とりあえず作ってみた
zousanrecordsのショップはBASEからSTORESに移行したのですがBASEのアカウントはまだ残っているのでそれでとりあえず作ってみました。
こんな感じ↓
見た目はそれなりにできていると思います。以下、簡単な手順です。
テーマを選ぶ
管理画面の「デザイン」からショップページの大枠のデザインを選びます。
今回はファーストビューでメインビジュアルが大きく表示される「TIMELESS」というテーマを選びました。
パーツを追加
メインビジュアル画像やロゴ画像を設定します。
メインビジュアルはBASE内で用意されているものを使いました。「音楽」で検索したらいくつか出てきます。
トップページにパーツを追加します。
ライブ情報と動画を追加してみました。
後述しますがライブ情報は「blog」として追加しました。
ページを追加
トップページ以外に必要なページを追加していきます。
VIDEOページ
YouTubeの動画を載せる「VIDEO」ページを作りたいと思います。
BASEでは追加機能で「ページ追加」というものがありますのでそれを追加。
すると、管理画面に「ページ追加」というメニューが追加されます。
地図やよくある質問などフォーマットが決まっているものもありましたが今回は「空白のページ」を選択して作成します。
トップページと同じように「パーツ」で動画を選択して追加していきます。
YouTubeのURLを入力するだけです。
LIVEページ
次にライブ情報ページ。
直近のライブ情報はトップページにも載せたいなーと。
VIDEOページと同じようにページ追加で作っても良いのですが、そうするとトップページはトップページでライブ情報を載せないといけない。
Blogページとして作成するとトップページのパーツに「ブログメニュー」というのがあるので二度手間にならない。
なのでLIVEページはBlogページとして作成することにしました。
これも追加機能で「Blog」を追加します。
ライブ情報をブログとして投稿します。
メニューの作成
ABOUTやCONTACTページはデフォルトで用意されています。
ページが揃ったらメニューを整えます。
管理画面の「ナビゲーション」です。
メニュー名も書き換えることができます。
これでとりあえず出来上がりました。
いまいちポイント
ここからは「ここの使い勝手が悪いなー」と思った点です。
①ページタイトルが変更できない
音源ページはメニューでは「DISCOGRAPHY」としたのですが、実際のページは元々の「Items」となってしまいます。ここは変更できないぽい。
同様にLIVEページもBlogページとして作成したのでページタイトルは「Blog」となってしまいます。
②各ページのURLは指定できない
VIDEOページのURLは
https://◯◯◯.thebase.in/video
となって欲しいのですがそうはなりません。
追加したページのURLには数字が割り当てられるぽいです。
LIVEページはBlogページとして作成したので
https://◯◯◯.thebase.in/blog
となってしまいます。変更できないぽい。
③ページ送りができないぽい
VIDEOページに例えば動画を30個追加したとしても10個づつ分かれてページ送りされるということもなく全て1ページに表示されるぽいです。
数が少ないと問題ありませんが、動画が増えていくとページが延々と縦に長くなりそう。
④一覧には投稿日が表示される
ライブ情報はブログとして投稿しましたが一覧にはライブの開催日ではなく、投稿日が表示されます。ユーザーからすると紛らわしいと思います。
⑤投稿の並び順を変更できない
これもライブ情報ですが、投稿は自動的に投稿日時の新しい順に並びます。
投稿日時は投稿後には変更できません。
ライブが上手く日程順に決まれば良いですが、例えば3月のライブが決まったあとに2月のライブが決まって投稿するとなった場合はややこしそうです。
きれいに開催順に並べたいとなると一旦削除して投稿し直すしかなさそう。
⑥ボタンの文言を変更できない
トップページのライブ情報はパーツの「ブログメニュー」で追加したのですがそこに付いているボタンが「記事一覧を見る」となっており、この文言は変更できないぽいです。
本来なら「VIEW MORE」とか「LIVEページへ」みたいにしたいところです。
ちなみにボタン単体をパーツとして追加した場合は文言を自由に設定できるようです。
まとめ
ざっと触ってみただけですのもっと細かく設定できるのかもしれませんが以上のような感じでした。
BASEのショップページをミュージシャンのホームページとして使えるか？と聞かれると、私個人の意見としては
「使えなくはないけど使い勝手は良いとは言えない」
となります。
物販がメインで年に数回しかライブをしない、ほとんど更新しないけどとりあえずホームページが欲しいという人にはアリかもしれません。
というわけで
zousanrecordsではバンドやシンガー、演奏家などミュージシャンのホームページ作成をお手伝いしています。
オリジナルテンプレは有り難いことにメジャー、インディーズ問わず延べ1000組近いミュージシャンの皆様にご利用頂いています。
私自身、ミュージシャンとしても活動していますので徹底的にミュージシャン目線で使いやすく便利な機能満載です。
ホームページ作成でご相談などありましたら！
この記事が気に入ったらサポートをしてみませんか？