WordPressで階層的なカテゴリサイドバーを作成したい。

Question

###前提
お世話になります。
カテゴリ項目の出力について質問です。
質問掲示板や参考サイトを元に、現在以下ソースコードでサイドバーを表示しております。
出力条件としては、「本年度のみ投稿が存在するカテゴリ」でして、投稿数を出す関数を使ってフィルタリングをしております。

###該当のソースコード

// sidebar.php
<?php

function hierarchical_category_tree( $cat, $year, $taxonomy = 'category' ) {

$args = array(
    'parent' => $cat,
);
  $categories = get_categories($args);
    if( $categories ) :
    foreach( $categories as $cat ) :
    $count = my_get_count_posts( $year, $cat );

    if ( $count > 0 ) { // 投稿数があるカテゴリを出力
        echo '<ul><li><a href="URL">' . $cat->name . ' (' . $count . ')</a></li></ul>';
        hierarchical_category_tree( $cat->term_id, $year );
    }
    endforeach;
    endif;

    echo "\n";
}

function my_get_count_posts( $year, $term ) { //投稿数を出す
  $the_query = new WP_Query( array( 'year' => $year, 'cat' => $term->term_id, 'posts_per_page' => -1 ));
  return $the_query->post_count;
}

?>

<?php hierarchical_category_tree( 0, date('Y') );?>

上記コードで以下のように出力されます。

<ul><li><a href="URL">親 (7)</a></li></ul>
<ul><li><a href="URL">子A (2)</a></li></ul>
<ul><li><a href="URL">孫A (2)</a></li></ul>
<ul><li><a href="URL">子B (5)</a></li></ul>
<ul><li><a href="URL">孫B (3)</a></li></ul>
<ul><li><a href="URL">孫C (2)</a></li></ul>

###実現したいこと

理想は以下のように、親>子>孫とネストされた状態かつ、ulタグに階層に沿ったクラス名を出力したいです。

またできれば、wp_list_categories()のcurrent_categoryパラメータのように、
表示中ページに該当するカテゴリ名にクラス名「current-cat」、上位カテゴリに「current-cat-parrent」をつけたいです。

<ul class="sidebar parent">
  <li><a href="URL" >親 (7)</a>
    <ul class='child'>
      <li><a href="URL" >子A (2)</a>
        <ul class='grandchild'>
          <li><a href="URL" >孫A (2)</a></li>
        </ul>
      </li>
      <li class="current-cat-parent"><a href="URL" >子B (5)</a>
        <ul class='grandchild'>
          <li class="current-cat"><a href="URL" >孫B (3)</a></li>
          <li><a href="URL" >孫C (2)</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

###試したこと
各パラメータやタグ位置をいじってみたりと色々試したのですが解決せず、
おそらくget_categories()のパラメータやforeach()の部分を改変する必要があると思いますが、
そこまでの能力がなく、参考サイトを漁っていますが進展がありません。
どなたかお力添えをいただけないでしょうか。
宜しくお願いいたします。

Answer 1

2017/2/15 コードができあがったので、回答を全面更新しました

以下の機能を実装しています。

• 親>子>孫とネストされた状態
• ulタグに階層に沿ったクラス名を出力
• 表示中ページに該当するカテゴリ名にクラス名「current-cat」
• 上位カテゴリに「current-cat-parrent」

// sidebar.php
<?php

function hierarchical_category_tree( $cat, $year, $depth = 0, $taxonomy = 'category' ) {
	
	$now_cat = get_query_var('cat');
	$now_cat_ancestors = (empty($now_cat)) ? ('') : (get_ancestors($now_cat, $taxonomy));
	
	// $ul_class
	if( $depth == 0 ) {
		$ul_class = ' class="parent"';
	}
	else if( $depth == 1 ) {
		$ul_class = ' class="child"';
	}
	else if( $depth == 2 ) {
		$ul_class = ' class="grandchild"';
	}
	else {
		$ul_class = '';
	}

	$args = array(
		'parent' => $cat,
	);
	$categories = get_categories($args);
	if( $categories ) :
		echo '<ul' . $ul_class . '>';
		foreach( $categories as $cat ) :
			$count = my_get_count_posts( $year, $cat );

			if ( $count > 0 ) { // 投稿数があるカテゴリを出力
				// $li_class
				if( $cat->term_id == $now_cat) {
					$li_class = ' class="current-cat"';
				}
				else if( !empty($now_cat_ancestors) ) {
					if( $cat->term_id == $now_cat_ancestors[0] ) {
						$li_class = ' class="current-cat-parent"';
					}
					else {
						$li_class = '';
					}
				}
				else {
					$li_class = '';
				}
				
				echo '<li' . $li_class . '>';
				echo '<a href="'. get_category_link( $cat->term_id ) . '">' . $cat->name . ' (' . $count . ')</a>';
				echo '</li>';
				hierarchical_category_tree( $cat->term_id, $year, $depth+1 );
			}
		endforeach;
		echo '</ul>';
	endif;
}

function my_get_count_posts( $year, $term ) { //投稿数を出す
	$the_query = new WP_Query( array( 'year' => $year, 'cat' => $term->term_id, 'posts_per_page' => -1 ));
	return $the_query->post_count;
}

?>

<?php hierarchical_category_tree( 0, date('Y') );?>

Comments

[no23h]

miz様

ご返信ありがとうございます。
ご提示いただきましたコードで理想の形になりました。
if文でカウントした深度を付与してやればいいのですね。
ここ数日サイドバーで手こずっていましたので、本当に助かりました。
感謝申し上げます。
(もしcurrent-cat-parrentが実装可能になりましたら、恐れ入りますが宜しくお願いいたします。)

[kei344]

To: mizさん
get_ancestors() で遡ってみては？

【get_ancestors:WordPress私的マニュアル】
http://elearn.jp/wpman/function/get_ancestors.html

[退会済みユーザー]

コードが完成したため、回答を書き換えました。

To: kei344さん
get_ancestors()が役立ちました。ありがとうございます！

[no23h]

miz様 kei344様 ありがとうございます！

最終的に全てのli要素にcat-itemが欲しかったので、以下に修正し理想のかたちになりました！

if ( $count > 0 ) { // 投稿数があるカテゴリを出力
// $li_class
if( $cat->term_id == $now_cat) {
$li_class = ' class="cat-item current"';
}
else if( !empty($now_cat_ancestors) ) {
if( $cat->term_id == $now_cat_ancestors[0] ) {
$li_class = ' class="cat-item current-parent"';
}
else {
$li_class = ' class="cat-item"';
}
}
else {
$li_class = ' class="cat-item"';
}

ご回答、本当にありがとうございました!!