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

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

*

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

友だち追加数

 

 - 情報紹介系 , , ,

レクタングル大

レクタングル大

  関連記事

BECK 画像
女子大生が選ぶ、学生バンドが見るべき音楽映画5選!!

バンドマンの皆さん、ライブ大好きな好きな皆さん!映画って普段見ますか? 実はRO …

https---www.pakutaso.com-assets_c-2015-06-PAK15_notepenhikkiyougu20140312-thumb-1000xauto-16813
バンドマンに資格?!資格持ってるミュージシャン調べた結果……まじかよ!

『バンドで一生 食っていく!』そう心に誓う学生さんもきっといるはず。 夢を持つこ …

cheering crowd at concert
絶対盛り上がる!!学生コピーバンドのド定番曲5選!

今回は学生目線で文化祭やライブハウスで幅広く盛り上がれる曲を集めてみました。 & …

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

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

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

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

初夏フェス
梅雨なんてナンのその!初夏のフェスでぶっとばせ!!

  梅雨なんてナンのその! 初夏のフェスでぶっとばせ!!   …

エフェクター
高校生バンド初心者におすすめのBOSS歪みエフェクター厳選3選!

  エレキギターを購入してしばらく経つと「これだけじゃ物足りない!」と …

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

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

19
高校生バンドにオススメの無料音楽練習アプリ!!(ボーカル編)

今回は学生こそ使うべき無料の音楽練習アプリ第2弾! ボーカルが使えるiphone …

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

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