質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.34%

  • PHP

    21325questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • HTML

    9562questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • WordPress

    7661questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • foreach

    70questions

    foreachは、List・Collection・Arrayといったデータ構造の各要素に対して繰り返し処理を実行するために扱われる、制御構造の構文です。

  • ループ

    54questions

    ループとは、プログラミングにおいて、条件に合致している間、複数回繰り返し実行される箇所や、その制御構造を指します

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

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 1,187

no23h

score 24

前提

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

該当のソースコード

// 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()の部分を改変する必要があると思いますが、
そこまでの能力がなく、参考サイトを漁っていますが進展がありません。
どなたかお力添えをいただけないでしょうか。
宜しくお願いいたします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+3

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') );?>

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/02/15 04:38

    miz様

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



    キャンセル

  • 2017/02/15 05:22

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

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


    キャンセル

  • 2017/02/15 16:44

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

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

    キャンセル

  • 2017/02/17 00:28

    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"';
    }

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.34%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • PHP

    21325questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • HTML

    9562questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • WordPress

    7661questions

    WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

  • foreach

    70questions

    foreachは、List・Collection・Arrayといったデータ構造の各要素に対して繰り返し処理を実行するために扱われる、制御構造の構文です。

  • ループ

    54questions

    ループとは、プログラミングにおいて、条件に合致している間、複数回繰り返し実行される箇所や、その制御構造を指します