カテゴリーを複数表示させる際のPHPの記述について

前提・実現したいこと

wordpressの通常投稿、カスタム投稿タイプのカテゴリー表示についてお願いいたします。

カテゴリーの表示にを下記のように囲み枠のデザインを指定しております。
.category_list p { border: 1px solid #222;・・・}

１つの記事に複数のカテゴリーを付けた際、
[Category1][Category2][Category3]
のようにそれぞれが囲み枠の中に入るように表示させたいのですが、
[ Category1 Category2 Category3]
のように、一つの囲み枠の中に設定した全てのカテゴリーが入って表示されてしまいます。

通常投稿、カスタム投稿、それぞれ[Category1][Category2][Category3]と表示させるには
どのようにすれば良いでしょうか。

初歩的な質問で申し訳ございませんが、ご教授よろしくお願いいたします。

該当のソースコード（通常投稿）

PHP
1<div class="category_list">
2            <p><?php the_category(', ') ?></p></div>
3            <p class="articles__date date"><?php the_time('Y.m.d') ?></p>
4       </div>

該当のソースコード（カスタム投稿タイプ）

PHP
1<div class="category_list">
2            <p><?php echo get_the_term_list($post->ID, 'news-cat', '', ',', ''); ?></p></div>
3            <p class="articles__date date"><?php the_time('Y.m.d') ?></p>
4       </div>

行動規範の内容に同意します

回答1件

ベストアンサー

例えばこんな感じでどうでしょう。

<div>
	<p><?php echo get_the_term_list( $post->ID, 'category', '<span class="category_list">', '</span><span class="category_list">', '</span>' ); ?></p>
</div>

関数リファレンス/get the term list
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_the_term_list

「get_the_term_list」の2番目のパラメータに、通常投稿なら「category」をカスタム投稿（タクソノミーを使っているなら）「タクソノミーのスラッグ」（質問のコードだと「news-cat」）を入れてあげます。
あとは、3、4、5番目のパラメーターにそれぞれを囲むようなコードを入れます。とりあえず、spanでくくりました。

参考まで。

投稿2021/02/08 13:19