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

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

*

無料で簡単にバンド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円分のクーポン券プレゼントしてます!
下のボタンをクリックして友達登録!

友だち追加数

 

 - 情報紹介系 , , ,

レクタングル大

レクタングル大

  関連記事

新宿音楽コンテスト
賞金50万円!!学生よ!大人に挑め!『新宿音楽コンテスト』

  夏休みの思い出作りが、もしかすると?! 『新宿音楽コンテスト』!! …

ミッシェル
ミッシェルガンエレファントが伝説と呼ばれる5つの秘密!!

  ミッシェルガンエレファントって? ・J-ROCK ・男性vo.の4 …

a0002_001837
ボーカルがライブ前に食べてはいけない食べ物リスト!

全国のボーカルの皆さん、あなたはライブ前に食べ物を口にする派ですか?それとも食べ …

51367235
フェス入場規制が続出!いま人気の若手バンドWANIMAの魅力とは?

私は先月新木場で行われたWANIMAのライブに参戦してきました! 今回はそのライ …

gmailpic
簡単!バンド専用のメールアカウントを無料で作る手順!

バンド専用のメールアカウントはもっていますか?? メールアカウントって無料で作れ …

クリスマスバンド曲
Merry X’mas! 学生バンドに送るクリスマスのバンド曲5選!!

メリークリスマス!「俺の家仏教だから…」 関係ない!!メリークリスマス!!!!! …

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

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

PAK88_manganotana20141108161323500-thumb-1000xauto-5780
高校生バンド、大学生バンドなら読むべき音楽漫画5作品!

  バンドを題材にした漫画は面白いもの多し! バンドを組み、日夜練習に …

IMG_0110
歌が無い??ピアノ/シンセで超かっこ良いインストバンド5バンド!!

  インストという言葉を聞いた事がありますか?? インストとはインスト …

9
様々な種類のエフェクターをどどんと紹介!【俺のエフェクターシリーズまとめ】

都内で学生イベントを定期的に行っています!その中で学生ではないゲストバンドにも1 …