WordPress タームの親・子の一覧にタームに紐づく投稿一覧を表示する方法

WordPress タームの親・子の一覧にタームに紐づく投稿一覧を表示する方法

WordPress タームの親・子の一覧にタームに紐づく投稿一覧を表示する方法を紹介します。
例えば、タクソノミーのタームに紐づく記事一覧をツリー構造のように表示したい場合に便利な方法です。

タームの親・子の一覧にタームに紐づく投稿一覧を表示する方法

タームの親・子の一覧にタームに紐づく投稿一覧を表示する方法を紹介します。
この方法は、子タームがない場合に、親タームに紐づく投稿があれば表示します。
次のコードは、カスタム投稿タイプ blog、タクソノミー名 blog-cat の場合の表示方法です。次のコードを表示したいテンプレートファイルに追加してください。


<?php // タームの親・子の一覧にタームに紐づく投稿一覧を表示する方法
$categories = get_terms('blog-cat','parent=0');
foreach ( $categories as $cat ) {
echo '<h2>' . esc_html($cat->name) . '</h2>'; // 親タームタイトル
$children = get_terms('blog-cat','hierarchical=0&parent='.$cat->term_id);
if($children){ // 子タームの有無
foreach ( $children as $child ) {
echo '<h3>' . esc_html($child->name) . '</h3>'; // 子タームタイトル
$catslug = $child->slug;
$args = array(
'post_type' => 'blog',
'blog-cat' => $catslug ,
'posts_per_page' => -1
);
$myquery = new WP_Query( $args );
?>
<?php if ( $myquery->have_posts()): ?>
<ul>
<?php while($myquery->have_posts()): $myquery->the_post(); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>
<?php endif; ?>
<?php wp_reset_postdata(); ?>
<?php } //子タームに紐づく記事一覧の表示終了 ?>
<?php
} else { // 子タームがなければ親タームに紐づく記事一覧を表示
$catslug = $cat->slug;
$args = array(
'post_type' => 'blog',
'blog-cat' => $catslug ,
'posts_per_page' => -1
);
$myquery = new WP_Query( $args ); ?>
<?php if ( $myquery->have_posts()): ?>
<ul>
<?php while($myquery->have_posts()): $myquery->the_post(); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>
<?php endif; ?>
<?php wp_reset_postdata(); ?>
<?php } // 子ターム終了 ?>
<?php } // 親ターム終了 ?>

まとめ

WordPress タームの親・子の一覧にタームに紐づく投稿一覧を表示する方法を紹介しました。
投稿に親・子のタームにチェックが無い場合や同一階層のタームを複数チェックする必要がある場合には対応していません。

タームが親・子・孫まである場合は、WordPress タームの親・子・孫の一覧に孫タームの投稿一覧を表示する方法をご覧ください。

スポンサーリンク

私が続けて読みたい関連記事

私が続けて読みたい関連記事