タクソノミーの一覧をショートコードで編集・ソート機能付き・wp_list_categories

2016/02/09 2016/03/11

カスタムタクソノミーのターム一覧の作成方法

カスタムタクソノミーのターム一覧をショートコードで編集・まえがき

　
カスタムタクソノミーのターム一覧をウィジェットにショートコードで編集するプログラムを「カスタムタクソノミーのターム一覧をウィジェットにショートコードで編集」で紹介しました。
　
これを書いた時にはまだローカルで実験をしている段階でしたので、これでよかったのですが、実際に運用するにあたってはタクソノミーを任意の順番に並び替える必要に迫られましたので、並び順を自由に変えられる方法を採ることにしました。
「カスタムタクソノミーのターム一覧をウィジェットにショートコードで編集」に追記をしようかと思いましたが、多様な方法があるために別記事にしました。
　
　

カスタムタクソノミーを並び替える・Category Order and Taxonomy Terms Order

　
カスタムタクソノミーを自由に並び替えて表示する前提として、カスタムタクソノミーのタームを管理側で並び順を指定する方法として、プラグインの Category Order and Taxonomy Terms Orderを利用しています。
　
この Category Order and Taxonomy Terms Orderで並び替えたカテゴリやタクソノミーのタームを一覧表示します。
Category Order and Taxonomy Terms Orderの使い方については「Category Order and Taxonomy Terms Orderでカテゴリ・タクソノミーのタームの順番を並び替える」に記事を書いていますので参照してください。
　
　

カスタムタクソノミーのターム一覧を表示するショートコード

カスタムタクソノミーの一覧表示するソースコード

　
カスタムタクソノミーのターム一覧をウィジェットに編集するために必要なショートコードのソースコードは以下の通りです。
これを functions.phpにコピペします。
　
functions.phpの詳しい解説ついては「WordPressの functions.phpがある場所」を参照してください。
　

add_filter('widget_text', 'do_shortcode' );

// サイドバーに指定のタクソノミーを表示するショートカット２
function shortcodeFunc ( $arg ) {
  extract ( shortcode_atts ( array (
        'text' => 'category',
  ), $arg ) ); 

  $html  = "";
  $html .= '<div id="mybox">';
  $html .= wp_list_categories ( array ( 'title_li' => '', 'taxonomy' => $text, 'show_count' => 1, 'style' => false, 'depth' => 0, 'echo' => false, 'orderby' => 'term_order', 'order' => 'ASC' ));
  $html .= '</div>';

  return $html;
}
add_shortcode('get_taxonomy_term_list', 'shortcodeFunc');

add_filter('widget_text', 'do_shortcode' );

// サイドバーに指定のタクソノミーを表示するショートカット２

function shortcodeFunc ( $arg ) {

extract ( shortcode_atts ( array (

'text' => 'category',

), $arg ) );

$html = "";

$html .= '<div id="mybox">';

$html .= wp_list_categories ( array ( 'title_li' => '', 'taxonomy' => $text, 'show_count' => 1, 'style' => false, 'depth' => 0, 'echo' => false, 'orderby' => 'term_order', 'order' => 'ASC' ));

$html .= '</div>';

return $html;

}

add_shortcode('get_taxonomy_term_list', 'shortcodeFunc');

　
　
また、ウィジェットに編集するショートコードは、下記の様になります。
　

[get_taxonomy_list text=s_taxonomy]

1	[get_taxonomy_list text=s_taxonomy]

　
引数として「text」でカスタムタクソノミーの「slug」を指定します。
「text」の指定がない場合は、「category」が指定されたものとして処理されます（カスタムタクソノミーではなく、デフォルトのカテゴリーの一覧が表示されます）。
　
　

カスタムタクソノミーの一覧・wp_list_categories()関数の解説

　
wp_list_categories()関数の解説に関しては、「カスタムタクソノミーのターム一覧をウィジェットにショートコードで編集」に詳しく書いていますので参考にしてください。
　
今回はソート順を指定するという処理を追加していますので、wp_list_categories()関数に指定する配列に下記の項目を追加しています。

　　'orderby' => 'term_order'
　　'order' => 'ASC'

1 2	'orderby' => 'term_order' 　　'order' => 'ASC'

　
このうち「term_order」が、プラグイン「Category Order and Taxonomy Terms Order」で設定される並び順の項目です。
この「term_order」をキーとして設定すれば OKです。
　
また、「Category Order and Taxonomy Terms Orderでカテゴリ・タクソノミーのタームの順番を並び替える」の設定画面の「自動ソート」という項目を「オン」にしておくと、この「term_order」をソートキーとして指定しなくても常に「term_order」でソートされた状態で取得されます。
　
逆に「オン」になっていても、orderby、order項目でソート条件を指定することで指定したソート条件でソートすることができます。
　
　

カスタムタクソノミーのタームを取得する関数

　
カテゴリやカスタムタクソノミーのターム一覧を作成する場合は、今回の記事で紹介した wp_list_categories()関数が便利です。
ですが、wp_list_categories()関数は、一覧表示するためにレイアウトを整えた形式で取得できますので、自由な編集が行いにくいのも事実です。
　
そんなときは、値だけを取得するget_categories()関数、get_terms()関数などがあります。
　
こちらの関数に関しては「get_categories、get_termsでカテゴリとタクソノミーのターム一覧の編集方法」に記事をまとめましたので参考にしてください。

- WordPress

最後までお読みいただきましてありがとうございます。
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです！

Message コメントをキャンセル

※入力いただいたコメントは管理者の承認後に掲載されます。

: WordPressで使うおススメ FTP、テキストエディタ、圧縮解凍ソフト

WordPressサイトを構築、運用するために必要となるFTPソフト、テキストエディタ、圧縮解凍ソフトのオススメソフトを紹介。

: WordPressプログラム全体で定数や変数を利用する場合の設定方法

WordPressで関数を追加するときなど、全体で同じ変数を使いたいと思う場面の対処方法です。変数を記述する関数はfunctions.php、wp-config.phpのいずれか。

: MW WP Formの使い方詳細解説・WordPressの確認画面付フォーム

WordPressの確認画面付お問い合わせフォームプラグイン「MW WP Form」の詳細解説をしています。

: WordPressのカテゴリやタクソノミーにカスタムフィールド項目を追加する方法

WordPressのカテゴリやタクソノミーに編集する項目を追加する方法の解説。Advanced Custom Fieldsを使うと簡単。テンプレートに記述する方法も解説。

: WordPressのパーマリンク設定の考え方

基本設定の一つであるパーマリンクの設定について解説。パーマリンクはURLを決定づける重要な項目ですので、設定の意味を理解して希望するURLになるよう設定しましょう。

: highlight.jsの設定方法を解説。 Syntax Highlighterから乗換え、高速化にも最適

Crayon Syntax Highlighterの代替案としてhighlight.jsを試してみた。highlight.jsは設置簡単で軽量なシンタックスハイライト。デザインもCSS変更だけの簡単変更。