彼此ともつかぬ場所

　カテゴリ画面（目次）に、カテゴリの説明文や小説のあらすじ、ランキングバナーなどを表示する方法です。→サンプル

　FC2ブログのテンプレート工房さんの「カテゴリ別フリーエリアの表示」を参考にいたしました。有用なアイデアをありがとうございました！

　※ 2009/11/26以前版をお使いの方は、新しくテンプレートをダウンロードし直していただくか、「for_novel シリーズ　特定のカテゴリ画面（目次）に説明やバナーを表示する（2009/11/26以前版）」を参照してください。

　以下の説明に出てくる行番号については、「カスタマイズの際の行番号」を参照してください。

　管理画面から「テンプレートの設定」で、HTMLの編集を行います。
　377行目、<!-- ▽ カテゴリ表示画面 -->以下を見てください。

389行目＞<!-- ↓ 上部フリースペース（← 使用時はこの行を丸々削除してください →）
390行目＞      <div class="hide showカテゴリ番号 cat_header">カテゴリ説明文もしくは小説の粗筋</div>
391行目＞     ↑ 上部フリースペース（← 使用時はこの行を丸々削除してください →） -->

409行目＞<!-- ↓ 下部フリースペース（← 使用時はこの行を丸々削除してください →）
410行目＞      <div class="hide showカテゴリ番号 cat_footer">カテゴリ説明文もしくはランキングバナー等</div>
411行目＞     ↑ 下部フリースペース（← 使用時はこの行を丸々削除してください →） -->

という部分が見つかると思います。

　カテゴリ別目次の上側（サンプルで言うと「近世欧州風ファンタジー……」というあらすじの部分）に記入したい場合は「上部フリースペース」を、下側（同じくサンプルでは登録サーチエンジンのリストが書かれている部分）に記入したい場合は「下部フリースペース」を使います。

　先ず、説明ないしバナーを表示させたいカテゴリの数だけ、

<div class="hide showカテゴリ番号 cat_header">カテゴリ説明文もしくは小説の粗筋</div>

と書かれた行をコピーしてください。
　例えば、二つのカテゴリにそれぞれ説明を表示させるなら、

<!-- ↓ 上部フリースペース（← 使用時はこの行を丸々削除してください →）
      <div class="hide showカテゴリ番号 cat_header">カテゴリ説明文もしくは小説の粗筋</div>
      <div class="hide showカテゴリ番号 cat_header">カテゴリ説明文もしくは小説の粗筋</div>
     ↑ 上部フリースペース（← 使用時はこの行を丸々削除してください →） -->

のようになります。
　以下、このまま上部フリースペースを例にカスタマイズ方法を説明していきますが、下部フリースペースの場合もするべき事は同じです。

　次に、「カテゴリ説明文もしくは小説の粗筋」と書かれている部分に、各々表示したい内容を当てはめてください。当ブログの場合は……

<!-- ↓ 上部フリースペース（← 使用時はこの行を丸々削除してください →）
      <div class="hide showカテゴリ番号 cat_header"><img src="https://blog-imgs-41.fc2.com/g/r/e/greenbeetle2/banner_irimame.gif" alt="炒り豆をめぐる冒険" style="border:none;margin-right:5px" width="200" height="40" />　近世欧州風ファンタジー。　【文庫本65頁・2009/6/21改稿】<br />
　剣士として出仕中の彼氏に逢いに待ち合わせの街にやってきた、彼女の受難の物語。<br />
　直接的な表現はありませんが、性に関わる記述が一部含まれています（PG12）。</div>
      <div class="hide showカテゴリ番号 cat_header"><img src="https://blog-imgs-41.fc2.com/g/r/e/greenbeetle2/banner_usubeni.gif" alt="薄紅まといて" style="border:none;margin-right:5px" width="200" height="40" />　学園物＋ちょっぴり伝奇物。　【文庫本99頁・2009/11/15完結】<br />
　卒業間近、遠方の大学に進学が決まった彼氏にどう接したら良いのだろうか。<br />
　悩むホノカの視界一面に、薄紅色が降りしきる……。</div>
     ↑ 上部フリースペース（← 使用時はこの行を丸々削除してください →） -->

……となっています。
　改行したいところには <br /> という改行タグを挿入してください。画像を張り付けたい場合は、 <img src="画像のURL" alt="画像の名前" style="画像のスタイル" width="画像の幅（px）" height="画像の高さ（px）" /> といった感じのタグになります。詳しくは、「TAG index」などのHTML解説サイトを参考にしてください。

　最後に、「カテゴリ番号」を代入するのですが、その前に管理画面の「カテゴリの編集」から、各々のカテゴリの番号を把握しておいてください。
「カテゴリ一覧」のカテゴリ名の左、チェックボックスの上「#」をクリックして、カテゴリ番号を表示させ、説明を表示させたいカテゴリの番号を確認してください。

　例で上げたカテゴリが、それぞれ３番と４番だったとします。

<!-- ↓ 上部フリースペース（← 使用時はこの行を丸々削除してください →）
      <div class="hide show3 cat_header"><img src="https://blog-imgs-41.fc2.com/g/r/e/greenbeetle2/banner_irimame.gif" alt="煎り豆をめぐる冒険" style="border:none;margin-right:5px" width="200" height="40" />　近世欧州風ファンタジー。　【文庫本65頁・2009/6/21改稿】<br />
　剣士として出仕中の彼氏に逢いに待ち合わせの街にやってきた、彼女の受難の物語。<br />
　直接的な表現はありませんが、性に関わる記述が一部含まれています（PG12）。</div>
      <div class="hide show4 cat_header"><img src="https://blog-imgs-41.fc2.com/g/r/e/greenbeetle2/banner_usubeni.gif" alt="薄紅まといて" style="border:none;margin-right:5px" width="200" height="40" />　学園物＋ちょっぴり伝奇物。　【文庫本99頁・2009/11/15完結】<br />
　卒業間近、遠方の大学に進学が決まった彼氏にどう接したら良いのだろうか。<br />
　悩むホノカの視界一面に、薄紅色が降りしきる……。</div>
     ↑ 上部フリースペース（← 使用時はこの行を丸々削除してください →） -->

　この時、必ずカテゴリ番号は「半角数字」で入力してください。「hide」「show4」「cat_header」という三つのクラス名を区切るのも「半角スペース」ですので、お間違えなきよう。

　後は、

<!-- ↓ 上部フリースペース（← 使用時はこの行を丸々削除してください →）

と

     ↑ 上部フリースペース（← 使用時はこの行を丸々削除してください →） -->

の二行を、指示通りにまるっと削除してしまえばOKです。
　下部フリースペースを使う場合も、以上のやり方を参考にして同様の作業をお願いします。

---