2010年6月14日月曜日

wordpressでクリックしたカテゴリの小カテゴリだけ表示する方法

以下のようにCSSを変更or追加すれば実現できます

たぶんね!

.children { padding: 0; display:none; }
li.current-cat ul.children { display:block !important; }
li.current-cat-parent ul.children { display:block !important; }

カテゴリのリンクをクリックすると、そのカテゴリのli要素のcurrent-catがclass属性に付くようです。その上階層のリスト(親カテゴリ) にはcurrent-catがつくようなので、それを利用して、子カテゴリを一旦全部非表示にして、current-cat-parentが付いているカテゴリの下の小カテゴリを表示するように書いたつもりのCSSが上のものです。 読み込まれているCSS(たぶんstyle.css)に、適切に書き込んで下さいw

1 件のコメント:

totoro さんのコメント...

wp ver3.3 で教えていただいたcssの改訂を実施した結果、その通りの表示が出来ました。
Kwebble blog の手順を踏まなくてもわずかなステップで希望の操作ができるようになり大変感謝しています。
ありがとうございました。
-totoro-