カテゴリーのリスト表示

Posted on October 5th, 2008

サイドバーなどに、カテゴリー名をリスト表示しカテゴリーの一覧ページへのリンクを作成するテンプレートタグ wp_list_categories()このサイトでも投稿件数を表示し li要素に指定しul内に出力しています。

<ul>
<?php wp_list_categories(’show_count=1&title_li=’); ?>
</ul>

たまたまソースを確認していて気がつきました、下のソースは Other Webカテゴリーのページです。

<ul>
<li class="cat-item cat-item-12"><a href="http://www.1paku.net/category/media" title="Media に含まれる投稿をすべて表示">Media</a> (7)
</li>
<li class="cat-item cat-item-11 current-cat"><a href="http://www.1paku.net/category/other-web" title="Other Web に含まれる投稿をすべて表示">Other Web</a> (3)
</li>
<li class="cat-item cat-item-10"><a href="http://www.1paku.net/category/technology" title="Technology に含まれる投稿をすべて表示">Technology</a> (27)
</li>
</ul>

li要素のクラス属性が細かく指定されています、カテゴリーごとにユニークなクラス名が設定してあるのでリストの見出しなどに個別の画像を設定する事も出来ます。

また表示されているページのカテゴリーには current-catのクラス属性も追加されます、CSSを駆使してよりユーザビリティーの向上を図るページ制作に反映できそうです。

テンプレートタグ wp_list_categories()の詳細はCodex 日本語版で確認して下さい。