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

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

WordPressのカテゴリー一覧をセレクトボックスで表示する方法
  • シェアしてね♪
  • このエントリーをはてなブックマークに追加


  • 一式98,000円~の格安プランをご用意!Web制作お任せください!
  • このエントリーをはてなブックマークに追加

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 clean_url( get_category_link( $category->term_id ) ); ?>"><?php echo wp_specialchars( $category->name ); ?></option>
<?php endforeach; ?>
</select>
<?php endif; ?>
</div>

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

あとがき

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

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

Twitter で
スポンサードリンク

関連記事

コメントを残す

メールアドレスが公開されることはありません。