学生バンドットコム | 大学生バンド高校生バンドに役立つ情報ブログ

大学生バンド、高校生バンド、学生バンドに役立つ情報を発信!!

*

無料で簡単にバンドHPを作る!作り方を画像付きで解説!

      2016/03/08

無料でバンドHP

皆さんは自分たちのHPって持っていますか??

実は今、PCさえあれば、無料で簡単にかっこ良いホームページがすぐ作れちゃうんです!!

以前には ”お!と驚くイベントチラシの作り方は◯◯するだけ!” は書きましたが、HPについての記事はまだでした!

 

今日は実際に架空のバンドのHPを作りながら、作成方法を解説していきたいと思います!

無料でHPを作る選択肢も最近はかなり多くなってきました。

代表的なものでいえば、JimdoとWix、他にもバンドHP専用のサイトとかもありますよね。

色々あるから迷ってしまいますよね。。。

バウサーマンガ広告完成

僕のオススメはWixです!

wixcaptya10

その理由は

  • テンプレートがたくさんあり、知識は不要!
  • 他と比べて綺麗!おしゃれ!高機能!
  • ドラッグ&ドロップの超直感的な操作で、作っていて楽しい!
  • 他のサイトと比べて、デザイン性が高く、自由度が高い!

次にwixのメリットとデメリットをお伝えしますね!

 

メリット

・何よりお金がかからない!
・自分の好きなようにデザインできる!
・画像のフリー素材や、おしゃれなアイコンが多い!

 

デメリット

・広告が表示されてしまう(上と下に)
・HPのURLにwixが付くから、wixで作った事が速攻バレる。

 

広告は気にならない人もいると思います!

ちなみに有料プランに加入すれば、広告とURLのwixという文字は無くなります!

 

解説開始!

という事で、早速!BOUND CIRCLEという架空のバンドHPを作ってみました!

http://djbhy256.wix.com/boundcircle

どうですか?トップページだけですが、全ページは1日あれば完成するのかなと思います!

 

用意するもの

・PC(インターネットに繋げられる)
・登録するメールアドレス
のみです。

 

あった方がよいもの

・画像(アーティスト写真やライブ写真、ロゴなど)
のみです。

 

今は画像は無くても大丈夫!撮影したら更新していけば良いし、HPは公開しないでも大丈夫なので、とりあえず今日は公開前のHPを作ってみましょう!

それでは解説していきますよー!

 

新規登録!!

先ずはこちらの公式サイトに飛びましょう!

http://ja.wix.com/

新規登録をクリック。

wixcaptya11

 

登録するメールアドレスとパスワードを入力します。

ここで注意してほしいのが、メールアドレスがそのままHPのURLになるので、気になっちゃう方はGoogleで新しくバンド名のメールアドレスを取得しましょう!

今回の架空サイトで僕はミスりました!!笑

 

テンプレートの選択!!

バンドであれば、音楽→バンド→次へと進んでみましょう!

Post Registration

バンドのHPに適したテンプレートが出てきます!

wixcaptya9

左側にカテゴリーがあるので、バンドのカテゴリーに縛られず、アートのテンプレートとやイベントのテンプレートから自分のバンドのHPを作っちゃっても良いと思いますよ!

青いボタンの表示を押せば、サンプルを見る事が出来ます。こんだけ多くテンプレートがあれば、かぶらないですね!

今回のサンプルはページ左上の女性が歌っている音楽アーティストのテンプレートを使用します。

金髪美人は僕にふさわしいかなと思ったので。

 

編集!!

青いボタンの編集ボタンをポチッと押しました!

編集画面が開きます!

wixcaptya1

あとは写真を入れ替えたり、文字を入力したり。

先ずは大きな写真を差し替えてみますね。大きな写真でWEBサイトの良し悪しが決まりそう

画像をクリックすると”画像を追加・管理”というボタンが出てきます!

押すと”ギャラリーの画像を管理”というタブが出てくるので、画像を追加ボタンを押しましょう。

画像をアップロードというオレンジのボタンを押します。

 

wixcaptya2

自分のPCに入っている画像を選びます。

画像が無い場合は、wixフリー素材からそれっぽい画像を選ぶ事も可能です!

完了を押して、ギャラリーに追加をクリックです!

テンプレの金髪美人のネェちゃんはゴミ箱にぽいして、完了を押します!

文字も変えると、

wixcaptya7

かなりぽくなりましたね!!これまでの所要時間は15分ほどです。

さらに画像を差し替えていきたいと思います。

元からあるテンプレートの部分を必要に応じて削除していきます。

 

テンプレートにないコンテンツの追加

テンプレートにない、例えばYoutubeとかSoundcroudとか追加したい時は、左側のプラスボタンを押します。

今回はYoutubeを追加してみますね!

wixcaptya3

 

追加出来ました!

このままではデフォルトの動画になるので、動画をクリックし、出てくるタブの”動画を変更”をクリックします。

wixcaptya4

出てくるタブのURLを自分の貼りたいyoutubeのURLに変えればOKです!

ここで勘の良いかたはもう気づきましたね!

変更、編集したい場合は、クリックして出てくる小さいタブを押して編集する。

追加したい場合は、左の丸ボタンのメニューから追加する。という事です!

 

wixcaptya5


動画が入れ替わりました!!

あとは、ページの追加ですね!もう一息です!

 

ページの追加、削除!!

ページの追加、削除に関しての説明です。青で囲った丸の部分をクリックすると各ページの設定が出ます。

追加したい場合は青矢印のページを追加で追加出来ます。

赤矢印のページ名を変えましょう!日本語でも大丈夫ですよ!削除したい場合は、黄色の丸で囲んだ丸をクリックすると削除できるボタンが出てきます!

追加、編集、削除した場合は、右側の赤で囲った丸の部分であるナビメニューに反映されます。

 

wixcaptya8

さぁ次が最後です!

 

保存と公開!!

画面右上の保存をクリックしましょう。保存はこまめにしていきましょうね!!

プレビューは今編集しているサイトがどう表示されるかの確認が出来ます!

保存の左にある、スマホのボタンは、スマホで見るとどう見えるかプレビューが確認出来ます。

 

wixcaptya6

 

そして!!

一番右の公開ボタンを押せば、あなたの、オンリーワンの、バンドHPが、世界中に公開されます!!!!

もし、まだ完成していない、写真が準備できてないとかあれば、保存していればいつでも編集出来ます。

公開のタイミングは自分で決められるんですね!

もちろん、他にも機能が色々とあるのですが、さすがに紹介しきれませんでした。

無料でこんなにも高機能って、、、すごいですよね。。。

いかがでしたか??是非時間を見つけて、世界に自分たちのバンドHPを公開してみてください!

 

作ってみて

作ってみて感じたのは、写真がかなり重要かなと思いました!

逆に言えば写真さえしっかりしていれば、かなりしっかりしたサイトになると思います!

あ、そういえば、主催している学生イベント”BOUND CIRCLE”は無料でライブの写真撮影があったんだった!笑

学生イベントの方も是非よろしくお願いします!笑

 

関連記事:目標設定で1年が激変?新年に立てた目標を見直す4つのポイント

関連記事:音楽は好きだけど練習のやる気が出ない高校生バンドに送るメッセージ

 

 

何だいこのブログは!愛すべき学生ブログの正体をチェック!

 

 

公式アカウントでLINE@やってます!友だち追加すると、今なら金額にして2000円分のクーポン券プレゼントしてます!
下のボタンをクリックして友達登録!

友だち追加数

 

 - 情報紹介系 , , ,

レクタングル大

レクタングル大

  関連記事

東京事変
【東京事変コピー】これであなたも音楽通!?シングルではないアルバムorカップリングに収録された事変の名曲をご紹介!

  2003年に椎名林檎さんを中心に結成され、2012年に惜しまれつつ …

a0001_003399_m
まだまだアツいゼ!フェスに乗り遅れたあなたへ!9月のラストサマーフェス6選!!

  9月といえど、きっとまだまだ暑いはず。 夏フェス行ってる友達のツイ …

SAYA160312140I9A3606_TP_V
アマチュアバンドでも無料で簡単にオンラインショップを開ける!?

  これからは自分たちでプロモーションや集客ができる時代だってのは結構 …

onepiece
ワンピースに例えて説明!学生メンバー募集のあれこれ。

  楽器が弾ける人に憧れて、ステージで輝く人になりたくて、新しい何かを …

p4026258-500x375
学割使える練習スタジオ一覧!!(東京中央線沿い)

  なるべく安く練習スタジオも使いたい。 意外と積み重なるとバカになら …

夏フェス
夏だ!ライブだ!夏フェスだ!!学生が絶対行きたい夏フェス9つ!!

今回は、夏休み開催の 夏フェス情報をお伝えしまーーす。   夏と行った …

い
基本のエフェクターから飛び道具まで!バランス良いボードの組み方!

俺のエフェクターシリーズ第5弾!! 今回は2月23日に行われたBOUND CIR …

carlineup_hiacevan_grade_special_01_pc
大学生バンドが車の免許取るなら合宿で決まりっ!!

バンドマンの皆さん!唐突ですが車は運転できますか? 機材を運んだり、ツアーや遠征 …

写真 2015-03-26 8 26 39
バンドマン必読の本”次世代ミュージシャンの為のセルフマネージメント・バイブル”を読んでみた

  この記事はamazonで星4つを獲得している音楽のビジネス本である …

00d9abc01e7e895fc6b07d4ded771422_s
まだ間に合う!これは学生も行くしか!2015年春フェス一覧!

  春~♪ 学生にとっては新学期到来で、大きな節目ですよね。 新しい友 …