実現したいこと

WordPress初心者です
WordPressの実装についてご教示いただきたく投稿いたします

「実現したいこと」
現在CPT UIを使用してカスタム投稿を追加しています

カスタム投稿　タイプ名　shop
タクソノミー名　shop_cat

親ターム（例：エリアA）の中に子ターム（例：店舗A、店舗B）を作成し、店舗Aの投稿一覧、店舗Bの投稿一覧を同一ページに表示させたいです
これはエリアB、エリアCと同じような親タームが増えていくので親タームの回数だけ上記の処理を繰り返し行いたいです

言葉で説明するのが難しいためイメージ画像もつけています

場所は固定ページ.phpとタクソノミー.phpとarchive.phpです

発生している問題・分からないこと

普段はサブループでお知らせの投稿を取得するなどの簡単な実装しかしておらず今回のような複雑な設定をしたことがありません

ターム名の取得方法など調べましたがそれを組み合わせてどのようなPHPを書けばいいのかがわからず、ご教示いただきたいです

該当のソースコード

HTML
1<div class="item 親タームのスラッグを表示（タイトルの装飾の色を変更するため）">
2<h2 class="title">エリアA（親ターム名）</h2>
3
4<div class="child-item">
5<h3 class="subtitle">店舗A（子ターム名）</h3>
6<ul class="list">
7<li><a href="#">店舗Aの投稿</a></li>
8<li><a href="#">店舗Aの投稿</a></li>
9<li><a href="#">店舗Aの投稿</a></li>
10<li><a href="#">店舗Aの投稿</a></li>
11</ul>
12</div>
13
14<div class="child-item">
15<h3 class="subtitle">店舗B（子ターム名）</h3>
16<ul class="list">
17<li><a href="#">店舗Bの投稿</a></li>
18<li><a href="#">店舗Bの投稿</a></li>
19<li><a href="#">店舗Bの投稿</a></li>
20<li><a href="#">店舗Bの投稿</a></li>
21</ul>
22</div>
23
24<div class="child-item">
25<h3 class="subtitle">未分類</h3>
26<ul class="list">
27<li><a href="#">子ターム未指定親タームのみ指定の投稿</a></li>
28<li><a href="#">子ターム未指定親タームのみ指定の投稿</a></li>
29<li><a href="#">子ターム未指定親タームのみ指定の投稿</a></li>
30<li><a href="#">子ターム未指定親タームのみ指定の投稿</a></li>
31</ul>
32</div>
33
34</div>
35

試したこと・調べたこと

teratailやGoogle等で検索した
ソースコードを自分なりに変更した
知人に聞いた
その他

上記の詳細・結果

Googleで検索しましたが同じような状況の実装方法を掲載しているサイトを探すことができませんでした

補足

特になし

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

回答1件

結論

未検証ですが、例えば以下の関数を functions.php にご記載の上で、必要な場所で display_shop_terms_and_posts(); と呼べばできそうです。

php
1function display_shop_terms_and_posts() {
2	// 親タームを取得
3	$parent_terms = get_terms(array(
4		'taxonomy' => 'shop_cat',
5		'parent' => 0,
6		'hide_empty' => false,
7	));
8
9	if (!empty($parent_terms) && !is_wp_error($parent_terms)) {
10		foreach ($parent_terms as $parent_term) {
11			// 親タームのタイトル表示
12			echo '<h2 class="title">' . esc_html($parent_term->name) . '</h2>';
13			
14			echo '<div class="child-items">';
15
16			// 子タームを取得
17			$child_terms = get_terms(array(
18				'taxonomy' => 'shop_cat',
19				'parent' => $parent_term->term_id,
20				'hide_empty' => false,
21			));
22
23			if (!empty($child_terms) && !is_wp_error($child_terms)) {
24				foreach ($child_terms as $child_term) {
25					// 子タームのタイトル表示
26					echo '<h3 class="subtitle">' . esc_html($child_term->name) . '</h3>';
27
28					// 子タームに属する投稿を取得
29					$args = array(
30						'post_type' => 'shop',
31						'tax_query' => array(
32							array(
33								'taxonomy' => 'shop_cat',
34								'field' => 'term_id',
35								'terms' => $child_term->term_id,
36							),
37						),
38					);
39
40					$query = new WP_Query($args);
41
42					if ($query->have_posts()) {
43						echo '<ul class="list">';
44						while ($query->have_posts()) {
45							$query->the_post();
46							echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>';
47						}
48						echo '</ul>';
49					} else {
50						echo '<p>投稿が見つかりませんでした。</p>';
51					}
52
53					// クエリをリセット
54					wp_reset_postdata();
55				}
56			} else {
57				echo '<p>子タームが見つかりませんでした。</p>';
58			}
59			
60			echo '</div><!-- .child-items -->';
61		}
62	} else {
63		echo '<p>親タームが見つかりませんでした。</p>';
64	}
65}