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

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

*

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

友だち追加数

 

 - 情報紹介系 , , ,

レクタングル大

レクタングル大

  関連記事

アニソン
大学4年が選ぶ懐かしくて泣けるアニソン10連発!!ポケモン!デジモン!ナルトに遊戯王!コナンにガッシュベル!他!

全国の高校生バンドマン、大学生バンドマンの皆様いかがお過ごしでしょうか…。勉強に …

girl-254708_1280
【男子限定!!】ちょっぴり?HなバンドPVを6つ紹介するぞwwwww

深夜にこんばんは。 まず始めに女性の方がこの文を読んでいたら静かに戻るボタンをお …

a0002_000110
10~20代に人気のキーボードorシンセがいるロックバンドを厳選紹介!

  ロックバンドは、エレキギター、エレキベース、ドラムで編成されている …

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

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

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

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

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

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

ギターアプリ
高校生バンドにオススメの無料音楽練習アプリ(ギタリスト、ベーシスト編)

  今回はギタリスト、ベーシストが使えるiphoneアプリを紹介してい …

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

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

DSC_5905
【俺のエフェクターシリーズ】ボードの中身を徹底検証!ベースは地味と言わせない!ベース用エフェクター8つ!!

  【俺のエフェクター】シリーズ第一弾!実際に使用しているエフェクター …

breakband
ゲスの極み乙女の次は!今年ブレイクするバンドを徹底予想!!

2015年、ゲスの極み乙女やWANIMA、フレデリック。などなどたくさんのバンド …