wordpressのサイドバーに子カテゴリを段落形式で表示させたい

Question

wordpressを構築中でブログの親カテゴリの下にウィジェットを使わず子カテゴリを階層表示させたいです。

手法的にはウィジェットの「カテゴリー」機能と同じでいいのですが、条件として
・cssではなく、font-awosameを使っての記述
・クライアントがカテゴリを増やしてもカテゴリは自動生成されたい
・親カテゴリと同じ並びではなく、子カテゴリは一段下げた文字
現在記入しているコードは以下です。

<h2>ブログカテゴリー</h2>　←ここはsideber.phpで背景画像を設置しています
<ul>
    <?php
    $args=array(
        'orderby' => 'count',
        'order' => 'DSC'
    );
    $categories = get_categories( $args );

    foreach( $categories as $category ){
    	echo '<li><a href="' . get_category_link( $category->term_id ) .' "><i class="fas fa-angle-right"></i> ' . $category->name . '</a></li> ';
    }
    ?>
</ul>

//ウィジェットの内容を表示
    <?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1')): ?>

理想的なhtmlは以下です。
子カテゴリの<ul class="child">にpadding-left: 30px;を持たせて段落的に表示させたいです。

<h2>ブログカテゴリー</h2>
<ul>
<li>親カテゴリ
<ul class="child">
<li><a href="#">子カテゴリ</a></li>
<li><a href="#">子カテゴリ</a></li>
</ul>
</li>
</ul>

お忙しいところ恐縮ですが、ご回答をいただけると幸いです。。

Answer 1

• クライアントがカテゴリを増やしてもカテゴリは自動生成されたい
• 親カテゴリと同じ並びではなく、子カテゴリは一段下げた文字

この二点に関しては、既存の「カテゴリー」ウィジェットで対応できます。
既存の「カテゴリー」ウィジェットは以下のようなコードを出力するので、

<aside id="categories-2" class="widget widget_categories">
	<h2 class="widget-title">カテゴリー</h2>
	<ul>
		<li class="cat-item cat-item-17"></li>
		<li class="cat-item cat-item-20">
			<ul class='children'>
				<li class="cat-item cat-item-21"></li>
				<li class="cat-item cat-item-27"></li>
			</ul>
		</li>
		<li class="cat-item cat-item-18"></li>
	</ul>
</aside>

子カテゴリを一段下げるにはCSSで以下を指定してください。

.widget_categories .children {
	margin-left: 30px;
	/* または */
	padding-left: 30px;
}

• cssではなく、font-awosameを使っての記述

この項目に関しては、具体的にどうしたのかわかりませんが、以下の様なことでしょうか。

li.cat-item::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0e0";
}

Comments

[patapata1234]

返信遅くなりました。
CSSの追記で実現出来ました！
ありがとうございます！！

Answer 2

.widget_categories .children {
margin-left: 30px;
/* または */
padding-left: 30px;
}