2015/9/30

2021/10/18

17534 views

ワードプレスで、トップページやサイドメニューに投稿記事のカテゴリーの一覧リストを表示したい場合などあると思います。
この場合に使える、特定の親に属する子カテゴリーの一覧を表示させる方法を記載しています。
WPのテンプレートタグである「wp_list_cats」と「get_categories」を使って表示させることができます。

関数リファレンス/get categories

テンプレートタグ/wp list categories

リンク付きで表示させる場合

1. 「wp_list_cats」を使った場合の記述

「wp_list_cats」というテンプレートタグを使って表示できます。
自動で<li>と<a>タグに囲まれて出力されます。

<ul>
<?php
    wp_list_categories(array(
        'child_of' => '2',//※特定親のカテゴリーID
        'title_li' => '',//見出しをなしに
        'show_count' => '1',//記事数（表示しない場合は0へ）
        'orderby' => 'ID',//ソート規則
    ));
?>
</ul>

2. 「get_categories」を使った場合の記述

「get_categories」というテンプレートタグを使っても表示できます。
タグは自動で付与されないので任意のタグで組むことができます。

<ul>
<?php
    $cats = get_categories(array(
        'child_of' => '2',//※特定親のカテゴリーID
        'title_li' => '',//見出しをなしに
        'orderby' => 'ID',//ソート規則
    ));
    foreach($cats as $cat) {
    echo '<li><a href="' . get_category_link($cat->term_id) . '">' . $cat->name. '（' .$cat->count. '）</a></li>';
  }
?>
</ul>

※それぞれchild_of=”の部分に任意の親カテゴリーのIDを入力してください

リンクなしで表示させる場合

リンクなしで表示させたい場合は、「get_categories」を使いましょう。

<ul>
<?php
    $cats = get_categories(array(
        'child_of' => '2',//※特定親のカテゴリーID
        'title_li' => '',//見出しをなしに
        'orderby' => 'ID',//ソート規則
    ));
    foreach($cats as $cat) {
    echo '<li>'.$cat->name. '（' .$cat->count. '）</li>';
  }
?>
</ul>

まとめ

ちなみに以前に記載していた<?php wp_list_cats() ;?>は現在非推奨となりました。
ご質問などあればお気軽にコメントくださいね。