旧GvGサイト

FC2を使ったギルドHPの作り方

FC2BLOGを使ったギルドHPの作り方を説明します。前に少し書いたのですが、評判がいいようなの作成までの簡単な流れを説明いたします。FC2BLOGは、アクセス制限が可能、無料はもちろんのこと、管理者だけにコメントを送れるます。携帯からの閲覧や投稿も可能とのこと。ギルドのHPには最適です。そこまで面倒な設定はないので、すぐに作れると思いますよ。

登録までの手順

1. FC2BLOGのサイトに移動し、左のサイドバーの「新規ブログユーザー登録」をクリックします。
2. 仮登録画面がでるので、メールアドレスを入力（無料メールアドレスでもOK）。
3. 仮登録したメールアドレスに、新規登録ようのアドレスが送られてくるのでそれをクリック。
4. アカウント登録画面になるので、必要事項を入力（住所などは記入しなくていいので、安心です）。
5. テンプレートの選択。好きなテンプレートを選んでください（あとで変更が可能）。
6. 登録完了

FC2BLOGにはユーザー共有テンプレートというものがあり、作ったテンプレートを公開できます。そこで私の作ったテンプレートを公開しているので、以下手順を簡単に説明します。

これと同じレイアウトのHPを作る手順を説明するので、気に入った人は続きをどうぞ。

テンプレートの設定

1. FC2BLOGのサイトに移動し、左のサイドバーの「ログイン」にユーザーIDとパスワードを入力。
   

   まだ、FC2BLOGにアカウントを持っていない人は、新規ユーザー登録でユーザー登録してからログインしてください。

2. 管理者ページトップになったら、左のサイドバーの「環境設定」の項目の「テンプレートの設定」をクリックします。
   

   「テンプレートの設定」より1000種類以上のテンプレートから自分の好きなテンプレートを選ぶことができます。また、自分で編集して作ったテンプレートはみんなに公開することもできるのでHPレイアウトに自信のある人は公開してみてはいかがですか？

3. テンプレートの設定の画面になったら、テンプレートの追加をクリックします。
   

   はじめはユーザー登録時に選んだテンプレートが選択されていると思います。テンプレートの追加より好きなテンプレートを追加していくことができます。テンプレートの切り替えはボタン一つなので、気になるやつをいくつかダウンロードして、見比べてみてはいかがですか。

4. テンプレートの追加の画面になったら、「ユーザー共有テンプレートから選択」をクリックします。
   

   公式テンプレートに約100種類、ユーザー共有テンプレートに約1000種類のテンプレートが登録してあります。

5. テンプレートの検索から「キーワード（名前、説明）」の欄に「ro119」と入力して、「検索」のボタンをクリック。
   

   名前の順、ランキング順、更新順などでテンプレートを探すことができます。検索することも可能なので、ここでは私のテンプレート名の「ro119」で検索をしています。

6. 検索結果の「ro119_02」を選択します。
   

   私は2つのテンプレートを公開しているので、2つの結果がでると思います。ちなみに、二つとも基本的なレイアウトは同じです。少しHTMLの表記のしかたを変更しただけです。「ro119_02」のほうが見やすいと思うので、ここではそちらを選択してください。

7. テンプレートの説明の画面がでるので、ダウンロードをクリック。
   

   選択したテンプレートの詳細情報が表示されるので、気に入ったらダウンロードボタンよりダウンロードしてください。ダウンロードしても前のテンプレートは消えないのでご安心を。

8. ro119_02を追加しましたとでるので、ダウンロード完成です。「テンプレートの設定」をクリックして、今ダウンロードしたテンプレート自分のHPに反映します。
   

   ダウンロードしたテンプレートから自分のHPに使いたいレイアウトを選択します。プレビューのボタンでそれぞれのテンプレートのレイアウトを確認できます。

9. 編集中のテンプレートから、ro119_02の横の「このテンプレートに変更」をクリックすると左側にフラッグが表示されます。
   
10. 以上で選択完了です。左側のサイドバーのブログの確認でちゃんと表示されるか確認してみてください。下のように表示されれば完成です。
    

パスワード設定

続いて、パスワードの設定です。ギルドHPはギルドメンバー以外には、見られたくないものです。パスワードの設定して、パスワードをしらない人には見えないようにしましょう。

1. 管理画面の左サイドバーより環境設定の「環境設定の変更」をクリック。環境設定の変更画面から「ブログの設定」をクリックします。
   
2. ブログの公開の設定からプライベートを選択し、下にパスワードを記入します。
   

   これでパスワードの設定は完了です。

大手同盟一覧・BOSSカード持ち編集

大手同盟一覧とBOSSカード持ちを自分の鯖用に書き換えます。（大手同盟一覧のエンブレムは自分で用意する必要があります。）

1. エンブレム画像をアップロード
   

   すべてのエンブレム画像をアップロードしてください。

2. テンプレートを編集します。
   
   

   「ro119_02]の右側の修正をクリックします。

3. HTMLの編集
   
   
   

   「<!--　　大手同盟一覧ここから　　-->」から「<!--　　大手同盟一覧ここまで　　-->」を修正します。
   修正する場所は大まかに二個所
   

   • 同盟名の変更
     
     <!--　　同盟名　　-->
     ABCD同盟
   • エンブレム画像の変更
     
     エンブレム画像のアドレスは、
     

     ファイルのアップロードより、アップロードされている画像が表示されているので、そこの「記事を書く」をクリックします。

     
     

     <a href="http://blog26.fc2.com/r/ro119/file/enb_05.gif" target="_blank"><img src="http://blog26.fc2.com/r/ro119/file/enb_05.gif" alt="" border="0"></a><br clear="all">

     ここのアドレスがエンブレム画像のアドレスです。右クリックでコピーして下のアドレスに貼り付けてください。

     <img src="http://blog26.fc2.com/r/ro119/file/enb_01.gif" alt="ここにギルド名" width="28" height="28" />

     「alt="ここにギルド名"」は画像にマウスをあわせると、表示されます。各ギルド名を記入してください。

     
   • 大手同盟一覧数を増やす。

     デフォルトのテンプレートだと3同盟しか登録できませんので、もっと増やしたい人は<tr>から</tr>は「<!--　　新たに追加するのはここから　　-->」の下に追加してください。

     <tr>
     <th scope="col" abbr="時間">ギルド名</th>
     <th scope="col" abbr="説明">エンブレム</th>
     </tr>
     </thead>
     <tbody>
     <tr>
     <td>
     
     <!--　　同盟名　　-->
     ABCD同盟
     
     </td>
     <td>
     
     <!--　　エンブレムここから　　-->
     
     <img src="http://blog26.fc2.com/r/ro119/file/enb_01.gif" alt="ここにギルド名" width="28" height="28" />
     <img src="http://blog26.fc2.com/r/ro119/file/enb_01.gif" alt="ここにギルド名" width="28" height="28" />
     <img src="http://blog26.fc2.com/r/ro119/file/enb_01.gif" alt="ここにギルド名" width="28" height="28" />
     <img src="http://blog26.fc2.com/r/ro119/file/enb_01.gif" alt="ここにギルド名" width="28" height="28" />
     
     <!--　　エンブレムここまで　　-->
     
     </td>
     </tr>

     同盟名やエンブレムは同様に変更してください。

   続いて、BOSSカード持ちを変更します。これは簡単です。<li>と</li>の間にキャラ名を入れるだけです。

「更新」のボタンを押して、完成です。