質問: ### 前提・実現したいこと WoedPressでブログカテゴリーのリストを作成しています。 下に記しているコードを使用した場合、親要素と子要素が等しく表示されてしまい判別しにくくなってしまいます。 図に示したように、子要素に対してインデントを設けたい場合何か良い方法はありますか? ### 現在記述しているコード ``` カテゴリー name;?>(term_id)->cat egory_count; ?>) ``` ### 出力されたHTML ``` カテゴリー カテゴリ名(親要素)(8) カテゴリ名(子要素)(12) カテゴリ名(子要素)(5) カテゴリ名(親要素)(11) カテゴリ名(親要素)(37) カテゴリ名(親要素)(8) カテゴリ名(子要素)(6) カテゴリ名(親要素)(56) ``` ### 現在の状況と理想(イメージ画像) ![より詳細な情報](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/d240391b85a61cb3c2064db3ecb1bdf3.jpeg)
回答: 出力されたHTMLで、子カテゴリのみインデントするのは難しいと思います。 なので特に理由がなければ、コードをwp_list_categories関数を使うように変更すると良いでしょう。 ``` ``` 出力結果の例 ``` カテゴリー カテゴリー名 カテゴリー名 子カテゴリー名 子カテゴリー名 カテゴリー名 ``` 引用元: あとは、childrenクラスにmarginなどをCSSで設定すれば実現できるはずです。 また、引数のオプションは、公式ドキュメントが詳しいです。 テンプレートタグ/wp list categories