カテゴリ一覧をドロップダウンで表示する


カテゴリ一覧をドロップダウンで表示したい場合、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>

引数、その他サンプルコードについては公式サイトにてご確認を。

テンプレートタグ/wp dropdown categories

タグ: , ,

記事公開日:
最終更新日:

コメントを残す

*上記画像の英数字を入力してください。