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

Tweet

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

タグ: wp_dropdown_categories, カテゴリ, ドロップダウン