WordPressで親子構造を使わずにカテゴリをグループ別け表示する方法

2019-04-132020-01-04WordPress カスタマイズ,WordPress

WordPressのカテゴリを親子構造にせずにグループ別けして表示や処理をする方法です。

親子構造にしてURL構造などで躓いた時や、サイドバーのカテゴリ表示の為に構造を変えるのもなーって時に一案として使えるかな、と思います。

カテゴリ・タグのカスタムフィールドを使った方法もありますが、今回は単純にサイドバーにぐるPHPの配列としてグループ別けして処理するやりかたになります。
動作としては、このブログのサイドバーで表示されているものと同じ感じになります。

１：ショートコードで実行できる関数を用意

ショートコードで実行できる関数を用意しておきます。ウィジェットで使える様にしておくと、簡単にサイドバーなどに設置できます。

functions.php

function category_list_function(){
 //この中に処理を書いていきます
}

add_shortcode('category_list', 'category_list_function');

//ウィジェットでショートコードを有効化
add_filter('widget_text', 'do_shortcode');

２：カテゴリーをグループ別け

phpで配列を利用してカテゴリをグループ別けします。サンプルでは単純にジャンル別にカテゴリ名でグループ化しています。

数が多い場合などは、カテゴリのデータにカスタムフィールドを与えてグループ別けしておくか、表示には使わない親カテゴリを使うとかの方法があります。

functions.php

function category_list_function(){

  $category_groups = [];
  $category_group['WEB'] = array('PHP','CSS',','JavaScript');
  $category_group['ゲーム'] = array('Phaser','Unity','cocos2D');
  $category_group['ライフ'] = array('料理','お菓子');

}

add_shortcode('category_list', 'category_list_function');

//ウィジェットでショートコードを有効化
add_filter('widget_text', 'do_shortcode');

３：データを出力して表示

1. カテゴリ名からカテゴリIDを取得
2. カテゴリIDがあればカテゴリIDからデータを取得
3. データからリストを作成
4. リストをグループ単位でHTMLにする
5. HTML出力

functions.php

function category_list_function(){

  $category_groups = [];
  $category_groups['WEB'] = array('PHP','CSS',','JavaScript');
  $category_groups['ゲーム'] = array('Phaser','Unity','cocos2D');
  $category_groups['ライフ'] = array('料理','お菓子');

  foreach ($category_groups as $key => $group) {

    $li = '';

    foreach ($group as $value) {

      //カテゴリ名からカテゴリIDを取得
      $cat_id = get_cat_ID($value);

      if(isset($cat_id)){
      $cat = get_category($cat_id);
      $li = $li.'<li class="cat-item"><a href="https://1-notes.com/category/'.$cat->slug.'/">'.$value.'（'.$cat->count.'）</a></li>';
      }

    }

  $ul = $ul.'<p class="categorie-group">'.$key.'</p><ul>'.$li.'</ul>';
}

  echo '<div class="widget widget_categories">'.$ul.'</div>';
}

add_shortcode('category_list', 'category_list_function');

//ウィジェットでショートコードを有効化
add_filter('widget_text', 'do_shortcode');

get_category()の返り値

get_category()の返り値を使って色々カスタマイズが可能です。get_category()の返り値には以下のデータが含まれています。