フリーランス WEBデザイナー 【キングサイト】
最近のウェブ制作技術
WordPress(ワードプレス)で親カテゴリーを指定して子カテゴリ一覧(カテゴリーリスト)を表示させる方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)で親カテゴリーを指定して子カテゴリ一覧(カテゴリーリスト)を表示させる方法
Webデザイナーになる為の第一歩(初級)
WEB屋になる為の知識と技術
Webデザイナーになる為の第一歩(初級)
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目と画像アップロード機能を追加する設定方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目と画像アップロード機能を追加する設定方法
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目を追加する設定方法
ブログツール【CMS】情報とWEBコンテンツ技術
WordPress(ワードプレス)でカテゴリー編集画面に新しい項目を追加する設定方法
ホームページ制作簡単作成ツールWix(ウィックス)
WEB屋になる為の知識と技術
ホームページ制作簡単作成ツールWix(ウィックス)
ウェブ制作カテゴリ
Facebookの投稿
ウェブ制作技術 SNS・ブログ
おすすめウェブサイト
ウェブ制作のご注文は全国対応

北海道 青森 岩手 秋田 宮城 山形 福島 東京 神奈川 埼玉県 千葉 茨城 群馬 栃木 愛知 静岡 三重 岐阜 新潟 長野 山梨 石川 富山 福井 大阪 京都 奈良 兵庫 滋賀 和歌山 岡山 広島 鳥取 山口 島根 愛媛 徳島 高知 香川 福岡 佐賀 長崎 大分 熊本 宮崎 鹿児島 沖縄

WordPress(ワードプレス)で親カテゴリーを指定して子カテゴリ一覧(カテゴリーリスト)を表示させる方法

13.04.17 18:00 | コメント(0)

親カテゴリーを指定して子カテゴリ一覧(カテゴリーリスト)を表示させる方法

WordPress(ワードプレス)を利用して、カテゴリ一覧(カテゴリーリスト)を表示したい場合があると思います。
その際、ウィジェットを利用してサイドバー等に表示をさせる方法はありますが、ウィジェットを使わず直接PHPに書いて表示させることも出来ます。
以前「カテゴリ一覧(カテゴリーリスト)を表示させる方法」でカテゴリーリストの表示方法をご紹介いたしましたが、カテゴリーが多くなってくるとカテゴリーを指定して表示させたり、子カテゴリーのみ表示させたい場合があると思います。
今回はWordPress(ワードプレス)で親カテゴリーを指定して子カテゴリ一覧(カテゴリーリスト)を出力させる方法をご紹介いたします。

カテゴリ一覧(カテゴリーリスト)

カテゴリ一覧(カテゴリーリスト)
 1. 親カテゴリー、子カテゴリーを作成
 2. カテゴリーIDを確認
 3. 子カテゴリー表示コードを追加

親カテゴリー、子カテゴリーを作成

最初にWordPress(ワードプレス)管理画面で親カテゴリー、子カテゴリーを作成します。

カテゴリー画面

カテゴリー画面

カテゴリーIDを確認

親カテゴリーを指定して子カテゴリーを表示させたい場合は、親カテゴリーのID番号が必要になります。
管理画面のカテゴリー一覧画面で親カテゴリーを選択します。
カテゴリー編集画面に入ると上部のURL部分に選択しているカテゴリーIDが表示されます。
こちらのカテゴリーIDを保管しておきましょう。
※例として親カテゴリー「基本英語」のIDは「1」とします。

カテゴリーID画面

カテゴリーID画面

子カテゴリー表示コードを追加

管理画面で確認した親カテゴリー「基本英語」の子カテゴリー一覧を表示する場合は下記のコードを記載します。
親カテゴリーIDを「child_of=」で記載して親カテゴリーに含まれている子カテゴリーを表示させます。

【子カテゴリー一覧表示】
<?php wp_list_categories('orderby=name&child_of=1&title_li='); ?>

【子カテゴリー一覧表示 記事数表示】
<?php wp_list_categories('orderby=name&child_of=1&title_li=&show_count=1'); ?>

また、上記の表示コードの場合記事数を表示した際に、記事数はリンクされません。
記事数もまとめてリンクを設定する場合は下記の表示コードを記載します。

【子カテゴリー一覧表示】
<?php
    $cat_all = get_terms( "category", "orderby=name&child_of=1" );
    foreach($cat_all as $value):
     ?>
<li><a href="<?php echo get_category_link($value->term_id); ?>"><?php echo $value->name;?>(<?php echo $value->count;?>)</a></li>
<?php endforeach; ?>
また、その他にもカテゴリー表示の順番なども設定が出来ます。

【その他の設定コード】
<?php $args = array(
	'smallest'                  => 8, 
	'largest'                   => 22,
	'unit'                      => 'pt', 
	'number'                    => 45,  
	'format'                    => 'flat',
	'separator'                 => "\n",
	'orderby'                   => 'name', 
	'order'                     => 'ASC',
	'exclude'                   => null, 
	'include'                   => null, 
	'topic_count_text_callback' => default_topic_count_text,
	'link'                      => 'view', 
	'taxonomy'                  => 'post_tag', 
	'echo'                      => true,
	'child_of'                  => null, // 注を参照
); ?>


以上でWordPress(ワードプレス)で親カテゴリーを指定して子カテゴリ一覧(カテゴリーリスト)を表示させる方法になります。
カテゴリ:WordPress(ワードプレス)構築と技術, カスタマイズ方法(WordPress), ブログツール【CMS】情報とWEBコンテンツ技術
  • このエントリーをはてなブックマークに追加
  • Facebookでコメントする

    コメントする

    おすすめの記事

    PAGE TOP