STINGER PLUS+はデフォルトではカテゴリーを階層表示させても段差が付きません。
そのため、親カテゴリーと子カテゴリーの判別がしにくくなっています。
なので、スタイルシートを編集し、段差を付けて見やすくカスタマイズしました。
「ブログ運営」が親カテゴリー、「WordPress」が子カテゴリーです。段差が付くことで見やすくなりましたよね。
カテゴリーウィジェットの「階層を表示」にチェック
WordPress管理画面で「外観」⇒「ウィジェット」に進み、カテゴリーの設定を行います。
「階層を表示」にチェックを入れ、「保存」をクリック。
この時点では段差がなく、親カテゴリーと子カテゴリーが同じように並んでいます。
スタイルシートにコードを追記
WordPress管理画面で「外観」⇒「テーマの編集」⇒子テーマ「style.css」の編集画面へ
/* カテゴリーを階層表示 */ ul.children { padding-left: 20px; /* 左側の余白 */ }
上記のコードを追記し、「ファイルを更新」をクリック。
これで親カテゴリーと子カテゴリーに段差が付きました。
〇pxの値を小さくすると段差が小さく、値を大きくすると段差が大きくなります。お好みで設定してください。