[WordPress.com] カテゴリーの階層化表示についての考察

WordPress.com には、カテゴリーを階層化する機能があります。

例えば、テーマ「Bueno 」や

awdfafdasd
Bueno

「Twenty Eleven 」などの場合は、階層化がそのまま表示されますが、

adfafasd
Twenty Eleven

一方で、階層化が表示に反映されないテーマもあります。

asdfafasd
Wu wei

最近リリースされたテーマにも階層化表示していないものがあります。

asdfafasd-1
Highwind

このようにカテゴリーウィジェットで階層化表示されないウィジェットを持つテーマを使う場合であっても、階層化させる手段はあります。それはカスタムメニューウィジェットを使うことです。

例えば、以下のようにメニューにカテゴリーを追加し、

メニュー ‹ t demo — WordPress

階層化させ、

メニュー ‹ t demo — WordPress-1

そのメニューを「カスタムメニュー」ウィジェットに設定すると、

ウィジェット ‹ t demo — WordPress

以下のようにカテゴリーを階層化表示させることができます。なお、すべてのテーマについて、この手段が可能かどうかはわかりません。

sdzgagsfd

しかしながら、カテゴリーの数が多い場合には、この手段でカテゴリーを階層化表示させることはたいへんかと思います。そういう場合には CSS を追加する、という手段があります。

例えば、上に挙げたテーマ「Highwind」の場合、以下の CSS を追加すると、

/* テーマ「Highwind」のカテゴリーウィジェットを階層化表示させる comemo ver.0.1 */
.widget_categories > ul > li {
	padding: 15px 0;
	border-top: 1px solid #cccccc;
}

.widget_categories li {
	padding-left: 20px;
}

以下のようにカテゴリーウィジェットを階層化表示させることができます。

afasdfas

投稿者: comemo

mac & iPad で情報をインテグレートする

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。