カテゴリーの親子関係を罫線図で表示 wordpress

お客様のサイトでカテゴリの子の先頭に ├ 表示させたいとのことで実装。カテゴリの親子関係が大変わかり易く弊社のサイトにも適用しました٩(๑❛ᴗ❛๑)۶

 

 

[bash]
#mybox ul li {
font-size: 14px;
line-height: 27px;
}
#mybox ul {
margin-bottom: 10px;
}

/*– 親カテゴリと子カテゴリを見やすく分ける –*/
#mybox ul.children {
padding-left: 5px !important;
position: relative;
}

#mybox li { list-style:none; }
#mybox ul.children li:before {
content:”├ “;
}
/*– 親カテゴリと子カテゴリを見やすく分ける ここまで–*/
[/bash]

 

わんぽいんと

予めカテゴリー項目でカテゴリーの親子関係を定義しておいてください。

後は外観 >> ウィジェットで階層の表示にチェックを入れて完成です。

カテゴリー 親子関係 wordpressおおー笑

 

 

優 ( エンジニア )

この記事を書いた人:優 ( エンジニア )

Nginxへの移行案件が多いこの頃
自社サイトを魔改造するのが趣味、JavaScript
八丁堀の野菜たっぷり中華 十八番が美味しい。


この記事に関してのお問い合わせ
御連絡・ご返信は原則2営業日以内を予定しております。
お急ぎの場合は、お手数ですが下記電話でもご対応をしております。

システムガーディアン株式会社
受付時間:平日9:00~18:00
受付担当:坪郷(つぼごう)・加藤
電話:03-6758-9166