スタンダード・デザインラボ

まずは、カテゴリナンバーを調べる

　ブログのカテゴリーナンバーを調べるには、「ブログ管理画面」の設定の項目「カテゴリの編集」をクリックし、そのページのカテゴリ一覧表の左上「＃」をクリックします。
　まずは、カテゴリのカテゴリナンバーをメモしておきます。或いは別のウィンドウで開いたままにしておきます。

画像ファイル名に、対応するカテゴリナンバーを付けてアップロード

　次は、カテゴリナンバーに対応させたファイル名を持つ画像ファイルを、ブログにアップロードし、画像URLを取得しておきます。
　必ず「ファイル名」＋「カテゴリナンバー」と言う連番にしておきます。そして、カテゴリー数分画像を用意します。
　つまり、カテゴリナンバー1のカテゴリが表示されたときは、「ファイル名」＋「1」の画像ファイルが表示されるという形式を作るというわけです。

（例）


　FC2ブログの画像ファイルは、「http://blog-imgs-99-origin.fc2.com/aa/a/a/ブログURL/～～～.jpg」こんな感じになります。この完全なURLをこれまたメモっておきます。

HTMLと変数を組み込む

　ポイントは、カテゴリページでのみ表示させるエリア変数
　　<!--category_area-->～ <!--/category_area-->

　カテゴリナンバーの変数
　　<%cno>

　コレをうまく使用することです。


（書式例）


　こんな感じで記述します。
　これで、カテゴリごとに、カテゴリーナンバーに対応した連番の入った画像が表示されます。

親カテゴリ、子カテゴリ

　親カテゴリ、子カテゴリに関しては、FC2ブログの仕様では、カテゴリナンバーによる区別は出来ません。
　そのため、親カテゴリのみ画像表示したい場合は、親カテゴリ画像以外のモノは、1ドットx1ドットなどの背景カラーと同じ画像を用意してアップロードするなどの対応が考えられます。
　どちらにせよ、親子に限らず、カテゴリ総数に対応する画像をすべて用意する必要があります。それをしないと対応した画像がないページで「ブラウザの画像破れアイコン」が表示されてしまいます。