FC2ブログのテンプレート工房

サイトマップ（親子カテゴリ対応）の各カテゴリにアイコン画像を表示する方法を紹介します。


まず、各カテゴリの「カテゴリ番号」を調べます。
カテゴリ番号はURLから判別できます。

例えばあるカテゴリのURLが
～/blog-category-3.html
だった場合、そのカテゴリ番号は「3」となります。

次に、そのカテゴリに表示したいアイコン画像のファイルネームを、カテゴリ番号と同じ数字にしてください。

例えば
番号が3であるカテゴリに表示したいアイコン画像のファイルネームを3.gif
番号が7であるカテゴリに表示したいアイコン画像のファイルネームを7.gif
というネーミングルールでファイルをアップロードします。

そしてHTMLを編集します。

<!--▼サイトマップ▼-->
～
<!--category_parent-->■<!--/category_parent-->
<!--category_nosub-->■<!--/category_nosub-->
<!--category_sub_hasnext-->　□<!--/category_sub_hasnext-->
<!--category_sub_end-->　□<!--/category_sub_end-->
～
<!--▲サイトマップ▲-->

この■と□を、

<img src="http://～/<%category_no>.gif" align="absmiddle" border="0" />

と置き換えてください。

http://～/<%category_no>.gifは、先にアップロードしたアイコン画像のURLにしてください。

例えば、先にアップロードしたアイコン画像ファイルのURLが

http://aaa/bbb/ccc/ddd/eee/1.gif
http://aaa/bbb/ccc/ddd/eee/2.gif
・・・
だった場合、以下のようになります。

<!--▼サイトマップ▼-->
～
<!--category_parent--><img src="http://aaa/bbb/ccc/ddd/eee/<%category_no>.gif" align="absmiddle" border="0" /><!--/category_parent-->
<!--category_nosub--><img src="http://aaa/bbb/ccc/ddd/eee/<%category_no>.gif" align="absmiddle" border="0" /><!--/category_nosub-->
<!--category_sub_hasnext-->　<img src="http://aaa/bbb/ccc/ddd/eee/<%category_no>.gif" align="absmiddle" border="0" /><!--/category_sub_hasnext-->
<!--category_sub_end-->　<img src="http://aaa/bbb/ccc/ddd/eee/<%category_no>.gif" align="absmiddle" border="0" /><!--/category_sub_end-->
～
<!--▲サイトマップ▲-->

これで親子カテゴリ対応サイトマップにアイコンを表示することができます。


【関連記事】

• ブログのサイトマップの作り方
• サイトマップの各記事に日付を表示する
• ナビゲーション付きブログサイトマップ
• ブログサイトマップの記事表示順序を逆(古い順)にする
• サイトマップの記事を別窓で開く
• サイトマップに記事番号（通番）を表示する
• 親子カテゴリ対応サイトマップ
• アイコン付きサイトマップ（親子カテゴリ非対応）

関連記事

• 記事文末に広告等を表示（続きを読む＆個別記事） (2009/06/15)
• 新着記事にサムネイル画像表示 (2009/06/15)
• 記事タイトルの最初の一文字を大きくする (2009/06/12)
• アイコン付きサイトマップ（親子カテゴリ対応） (2009/06/09)
• アイコン付きサイトマップ（親子カテゴリ非対応） (2009/06/09)
• 親子カテゴリの折りたたみ (2009/06/02)
• コメントの投稿者名と日付をコメントタイトルの右に表示する (2009/05/31)