今回は親タームのIDを基準に子ターム一覧の並び順を制御する方法をご紹介したいと思います。
● やりたいこと
- 記事が複数の子タームを持つとき、ターム一覧を親タームのID順で表示させる
- 親タームごとでスタイルをつける（図では背景色を親タームごとに設定）
● ターム構成
ターム構成は下図のようなものを想定します。
■タクソノミー：基本情報（info_cat）
○店舗（親ターム）
－梅田店
－なんば店
－心斎橋店
○分類（親ターム）
－メンズ
－レディース
－キッズ
○アイテム（親ターム）
－トップス
－ボトムス
－シューズ
－バック
（注：投稿時、親タームにはチェックを入れないものとします。）
● ターム一覧の表示
まず、記事が所有するターム一覧を下記のような方法で出力してみます。
（archive.phpなどで記事を一覧表示させ、その各記事ごとに属するタームを表示させる場合）
$terms = wp_get_object_terms($post->ID,'info_cat');
if (!empty($terms) && !is_wp_error($terms)) {
echo '<ul class="cat">';
foreach ($terms as $term) {
echo '<li class="cat-'.esc_attr($term->parent).'">'.esc_html($term->name).'</li>';
}
echo '</ul>';
}
ただし、このままではタームの登録順によって意図しない表示になってしまいます。（下図参照）
（色の並びを合わせたい！＝親のID順で昇順に並べたい）
● 比較関数 usort()を利用
そこでPHPの比較関数 usort()で並び替えを実現したいと思います。
●function.phpに下記を追記
function cmp_parent( $a, $b ) {
if ( $a->parent == $b->parent ) {
return 0;
}
return ( $a->parent > $b->parent ) ? 1 : -1;
}
●子ターム一覧を表示している部分を下記に書き換えます。
（定義した関数をforeachの前で呼び出します。）
$terms = wp_get_object_terms($post->ID,'info_cat');
if (!empty($terms) && !is_wp_error($terms)) {
echo '<ul class="cat">';
usort($terms,"cmp_parent");
foreach ($terms as $term) {
echo '<li class="cat-'.esc_attr($term->parent).'">'.esc_html($term->name).'</li>';
}
echo '</ul>';
}
降順で表示したい場合は、
return ( $a->parent > $b->parent ) ? 1 : -1;
の部分の "$a->parent > $b->parent" を "$a->parent $b->parent" に変更します。