WordPressのカテゴリー一覧をセレクトボックスで表示する方法

WordPressのカテゴリー一覧をセレクトボックスで表示する方法

WordPressのカテゴリー一覧をセレクトボックスで表示する方法

WordPressのカテゴリー一覧といえば、サイドバー等にリスト形式で表示することが多いと思います。とある案件で、カテゴリーの一覧をセレクトボックスで表示し、選択したカテゴリーにページ移動できるようにしたい、という要望をいただいたので、実装した時の方法をご紹介いたします。

WordPressのカテゴリー一覧をセレクトボックスで表示する方法

カテゴリー一覧のセレクトボックスを表示する場合、テーマファイル内の表示したい箇所に以下を記述します。


<div class="cat-select">
 <?php $categories = get_categories(array('taxonomy' => 'category')); if ( $categories ) : ?>
 <select name="cat-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
 <option value="" selected="selected">カテゴリーを選択</option>
 <?php foreach ( $categories as $category ): ?>
 <option value="<?php echo esc_html( get_category_link( $category->term_id ) ); ?>"><?php echo esc_html( $category->name ); ?></option>
 <?php endforeach; ?>
 </select>
 <?php endif; ?>
</div>

「’taxonomy’ => ‘category’」の”category”をカスタムタクソノミー名にすれば、カスタムタクソノミーの一覧でも実装可能です。

あとがき

カテゴリーの一覧をセレクトボックスで表示したいという状況は、意外とあるかもしれませんね。ほぼコピペでいけますので、ぜひ参考にしてください。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です