WordPressの投稿でカテゴリーを1つしか選択できないようにする方法

• シェアしてね♪
• Tweet
• 
• 

---

• 
  一式98,000円～の格安プランをご用意！Web制作お任せください！

• Tweet
• 
• 

WordPressのカテゴリーは、通常チェックボックスで選択するようになっているので、複数選択が可能です。しかし、カテゴリーを1つしか選択できないようにしたいというケースもあるかと思います。

チェックボックスを1つだけ選択するようにすればいいのですが、それだと誤操作などヒューマンエラーが発生する可能性があります。

そこで、チェックボックスからカテゴリーを1つしか選択できないように、WordPress側で制御してしまう方法を紹介したいと思います。

カテゴリーの選択をラジオボタンに変更する

カテゴリーの選択をチェックボックスから、ラジオボタンに変更してしまう方法です。

functions.phpに以下を追加することで、カテゴリーがラジオボタンに変わります。

function my_print_footer_scripts() {
echo '<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function($){
// 投稿画面のカテゴリー選択を制限
$(".categorychecklist input[type=checkbox]").each(function(){
$(this).replaceWith($(this).clone().attr("type","radio"));
});
// クイック編集のカテゴリー選択を制限
$(".cat-checklist input[type=checkbox]").each(function(){
$(this).replaceWith($(this).clone().attr("type","radio"));
});
});
//]]>
</script>';
}
add_action('admin_print_footer_scripts', 'my_print_footer_scripts', 21);

ラジオボタンに変更すれば、自ずと1つしか選択できなくなりますね。

チェックボックスのまま選択を制限する

もう1つは、チェックボックスのまま、選択を制限する方法です。functions.phpに以下を追加します。

add_action( 'admin_print_footer_scripts', 'limit_category_select' );
function limit_category_select() {
?>
<script type="text/javascript">
jQuery(function($) {
// 投稿画面のカテゴリー選択を制限
var cat_checklist = $('#categorychecklist input[type=checkbox]');
cat_checklist.click( function() {
$(this).parents('#categorychecklist').find('input[type=checkbox]').attr('checked', false);
$(this).attr('checked', true);
});
// クイック編集のカテゴリー選択を制限
var quickedit_cat_checklist = $('.cat-checklist input[type=checkbox]');
quickedit_cat_checklist.click( function() {
$(this).parents('.cat-checklist').find('input[type=checkbox]').attr('checked', false);
$(this).attr('checked', true);
});
});
</script>
<?php
}

見た目はチェックボックスのままでも、1つしか選択はできなくなります。

あとがき

見た目的にも1つしか選択できないのがわかるので、ラジオボタンにする方が好ましいかもしれませんね。

なお、#categorychecklistや.categorychecklistなどのIDやクラスの部分を変更すれば、カスタムタクソノミーでも使えます。