サイトの閲覧体験を向上させる最善の方法の1つは、タクソノミーでコンテンツを分類することです。しかし、子タクソノミーがある複雑なサイトでは、サイト訪問者が関連するコンテンツをどのように探せばよいのかわからなくなることがあります。
一つの解決策は、親タクソノミーのアーカイブページに子タクソノミーを表示することです。タクソノミーアーカイブページをコードスニペットでカスタマイズすることで実現できます。
この投稿では、親タクソノミーのアーカイブページに子タクソノミーを簡単に表示し、ユーザーエンゲージメントとナビゲーションを強化する方法を紹介します。
なぜ親タクソノミーのアーカイブページに子タクソノミーを表示するのか？
親タクソノミーのアーカイブページに子タクソノミーをすべて表示することで、一般的でない、訪問者にとってより便利なページにすることができます。
例えば、本に関するWordPressブログを運営しており、「Subjects」というタクソノミーがある場合、「Fiction」「Non-Fiction」などの子タクソノミーを追加することで、読者が簡単に本を分類できるようになります。
コンテンツがたくさんある場合、整理整頓がしやすくなるだけでなく、訪問者が関連コンテンツをより早く見つけられるようになる。
タクソノミーの詳細については、WordPressでカスタムタクソノミーを作成する方法をご覧ください。
それでは、親タクソノミーのアーカイブページに子タクソノミーを表示する方法を紹介しましょう。
親タクソノミーのアーカイブページに子タクソノミーを表示する
このチュートリアルでは、WordPressにコードを追加する方法についての基本的な理解が必要です。詳しくは、初心者向けWordPressへのスニペット貼り付けガイドをご覧ください。
次に、WordPressテーマのタクソノミー・テンプレート・ファイルを見つけてください。通常、taxonomy-{タクソノミー名}.phpのような名前になっています。
books’というカスタムタクソノミーを作成した場合、ファイル名はtaxonomy-books.phpとなります。このファイルがない場合は、最初に作成する必要があります。
さらに詳しく知りたい方は、編集が必要なタクソノミーテーマテンプレートファイルを見つけるのに役立つWordPressテンプレート階層チートシートをご覧ください。
適切なタクソノミー・テンプレート・ファイルが見つかったら、リストを表示したい場所に以下のコードを追加するだけです：
<?php
$term = get_term_by( 'slug', get_query_var( 'term' ), get_query_var( 'taxonomy' ) );
if ($term->parent == 0) {
$args = array(
'taxonomy' => 'subject',
'depth' => 1,
'show_count' => 0,
'title_li' => '',
'child_of' => $term->term_id
);
wp_list_categories($args);
} else {
$args = array(
'taxonomy' => 'subject',
'depth' => 1,
'show_count' => 0,
'title_li' => '',
'child_of' => $term->parent
);
wp_list_categories($args);
}
?>
タクソノミーのサブジェクトをタクソノミーの名前で置き換える必要があります。
このコードは投稿日’スラッグ’に基づいて現在の親タクソノミーを特定し、そのキーワードに関連する子タクソノミーを表示します。
子タクソノミーのリストが訪問者にどのように見えるかを示します。
個別タクソノミーの子タクソノミーをすべてリストアップしていることに注目してください。この場合、親タクソノミーに存在するさまざまな書籍の主題が表示されます。
タクソノミーページのカスタマイザーの詳細については、WordPressで現在のタクソノミータイトルやURLなどを表示する方法のガイドをご覧ください。
WordPressカスタムタクソノミーのエキスパートガイド
親タクソノミーのアーカイブページに子タクソノミーを表示する方法はおわかりいただけたと思いますが、カスタマタクソノミーに関連する他のガイドもご覧ください：
- WordPressでカスタム投稿タイプやタクソノミーが必要なのはどんなとき？
- WordPressでカスタムタクソノミーを作成する方法
- WordPressのカテゴリーをカスタムタクソノミーに変換する方法
- WordPressで現在のタクソノミータイトル、URLなどを表示する方法
- WordPressでタクソノミー画像（カテゴリーアイコン）を追加する方法
- WordPressのカスタムタクソノミーにカスタムメタフィールドを追加する方法
- WordPressでカスタム投稿タイプにカテゴリーを追加する方法
- WordPressのサイドバーウィジェットにカスタムタクソノミーのキーワードを表示する方法
- WordPress検索にAjaxタクソノミーフィルターを追加する方法
この投稿が、親タクソノミーのアーカイブページに子タクソノミーを表示する方法を学ぶのにお役に立てば幸いです。また、ドメイン名とホスティングサービスの違いや、GoDaddyの代わりとなるサイトもご紹介しています。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Zulya says
Hello. Thank you for the code. It works.
But I have a question. How can I hide “title” when hovering the custom taxonomy links. At the moment, the description of each custom taxonomy is displayed in hovering title. Thank you.
Susan Clifton says
I’m using the plugin Taxonomy Images so I would like to include that thumbnail in this list. This is my structure:
Custom post type= Artwork
hierarchical taxonomy= Artist Name
I’m looking for each artist name to up with the thumbnail as a grid list to view artwork.
I created a taxonomy template for the single artist page, no problem but can’t figure out how to do a list of artists. This solution almost works for me. But I’m getting each artist multiple times in this list.
Hint…Hint
Editorial Staff says
Hey Susan,
Not sure why you are getting each artist multiple times. As for Taxonomy Images, Michael Fields have a bunch of queries on the plugins page.
管理者
Jake says
Almost exactly what I was looking for. I however have one problem: when my Taxonomy has no children I get a single list item that says “No Categories”. What should I do to just display nothing if there are no children?
Much appreciated!
James says
Had been googling for a while for a solution like this. Cheers
Rasha says
Can it show thumbnail also for child terms ??
Thanks
Rottenpeach_com says
@syedbalkhi I confused Taxonomy with Taxidermy…#TheAwkwardMoment
syedbalkhi says
@rottenpeach_com lol