カテゴリ一覧をドロップダウンで表示する
カテゴリ一覧をドロップダウンで表示したい場合、wp_dropdown_categories関数を使用します。
<?php wp_dropdown_categories(''); ?>
ただし、デフォルトの記述だけではカテゴリに移動することができないので、
formタグ、もしくはJavaScriptを併せて使用する必要があります。
公式サイトのテンプレートタグ/wp dropdown categoriesの
JavaScript を用いた送信ボタンなしドロップダウンメニュー
のサンプルコードを参考に、以下のように記述しました。
<?php wp_dropdown_categories('show_count=1&show_option_none=カテゴリを選ぶ'); ?> <script type="text/javascript"><!-- var dropdown = document.getElementById("cat"); function onCatChange() { if ( dropdown.options[dropdown.selectedIndex].value > 0 ) { location.href = "<?php echo get_option('home'); ?>/?cat="+dropdown.options[dropdown.selectedIndex].value; } } dropdown.onchange = onCatChange; --></script>
引数、その他サンプルコードについては公式サイトにてご確認を。
記事公開日:
最終更新日:
関連記事
人気記事
- 無料WordPressテーマ「WPMEMO basic」を公開しました。
- 人気記事を表示する「WordPress Popular Posts」
- 無料WordPressテーマ「WPMEMO basic2」を公開しました。
- WordPressでjQueryを使用する
- レコメンド機能を実装「Where did they go from here」
- 特定のカテゴリのアーカイブリストを表示する。
- パンくずリストを表示する「Breadcrumb NavXT」
- カテゴリーページでカテゴリー名を表示する
- 固定ページを一覧表示する
- Google Mapsを簡単設置「MapPress Easy Google Maps」
コメントを残す