WordPress ターム一覧をプルダウンメニューで表示する方法

Posted by Takumi Hirashima WordPressタクソノミーターム一覧

WordPress でターム一覧をプルダウンメニューで表示する方法を紹介します。
例えば、スマートフォンでスペースを取らずにリンクメニューを実装したい時に便利な方法です。

ターム一覧をプルダウンメニューで表示

ターム一覧をプルダウンメニューで表示する方法を紹介します。
タームの取得には get_terms() を使用します。
次のコードは、タクソノミーが product-categories の場合の表示方法です。

<?php // ターム一覧をプルダウンメニューで表示
$taxonomy_slug = 'product-categories'; // タクソノミーのスラッグを指定
$terms = get_terms($taxonomy_slug); // タームの取得
if( $terms && !is_wp_error($terms) ){ // タームがあれば表示
echo '<select name="select" onChange="location.href=value;">'; // option の value 値を URL とする
echo '<option>ページを選択してください</option>'; // 必要がなければこの行は削除
foreach ( $terms as $value ) { // 配列の繰り返し
echo '<option value="'.get_term_link($value->slug,$taxonomy_slug).'">'.esc_html($value->name).'</option>'; // タームのURLとタイトルを表示
}
echo '</select>';
}
?>

まずは、タクソノミーを指定します。
タクソノミーの指定は $taxonomy_slug = 'product-categories’;product-categories を変更。

まとめ

WordPress でターム一覧をプルダウンメニューで表示する方法を紹介しました。

スポンサーリンク