カテゴリーやカスタムタクソノミーを1つしか選択できないように制限する

2019年10月23日 Webのお困りごと

投稿のカテゴリーや、カスタムタクソノミーを1つしか選択できないようにしたい場合ってありますよね？

以前まではfunctions.phpに下記のように記述すればできたんですが、WordPress5.0の新エディタ「Gutenberg（グーテンベルグ）」になってから、この方法では制限できなくなってました。

//カテゴリーの選択を1つに制限
add_action( 'admin_print_footer_scripts', 'limit_category_select' );
function limit_category_select() {
    ?>
    <script type="text/javascript">
        jQuery(function($) {
            // 投稿画面のカテゴリー選択を制限
            var categorydiv = $( '#categorydiv input[type=checkbox]' );
            categorydiv.click( function() {
                $(this).parents( '#categorydiv' ).find( 'input[type=checkbox]' ).attr('checked', false);
                $(this).attr( 'checked', true );
            });
            // クイック編集のカテゴリー選択を制限
            var inline_edit_col_center = $( '.inline-edit-col-center input[type=checkbox]' );
            inline_edit_col_center.click( function() {
                $(this).parents( '.inline-edit-col-center' ).find( 'input[type=checkbox]' ).attr( 'checked', false );
                $(this).attr( 'checked', true );
            });
            
            $( '#categorydiv #category-pop > ul > li:first-child, #categorydiv #category-all > ul > li:first-child, .inline-edit-col-center > ul.category-checklist > li:first-child' ).before( '<p style="padding-top:5px;">カテゴリーは1つしか選択できません</p>' );

        });
    </script>
    <?php
}

//カテゴリーの選択を1つに制限

add_action( 'admin_print_footer_scripts', 'limit_category_select' );

function limit_category_select() {

jQuery(function($) {

// 投稿画面のカテゴリー選択を制限

var categorydiv = $( '#categorydiv input[type=checkbox]' );

categorydiv.click( function() {

$(this).parents( '#categorydiv' ).find( 'input[type=checkbox]' ).attr('checked', false);

$(this).attr( 'checked', true );

});

// クイック編集のカテゴリー選択を制限

var inline_edit_col_center = $( '.inline-edit-col-center input[type=checkbox]' );

inline_edit_col_center.click( function() {

$(this).parents( '.inline-edit-col-center' ).find( 'input[type=checkbox]' ).attr( 'checked', false );

$(this).attr( 'checked', true );

});

$( '#categorydiv #category-pop > ul > li:first-child, #categorydiv #category-all > ul > li:first-child, .inline-edit-col-center > ul.category-checklist > li:first-child' ).before( '<p style="padding-top:5px;">カテゴリーは1つしか選択できません</p>' );

});

</script>

<?php

}

そこで、「Radio Buttons for Taxonomies」というプラグインを使って対応できましたので、残しておきます。

非常にシンプルなプラグインで、カテゴリー・タグ・カスタムタクソノミーの任意の物に対して、通常チェックボックスでいくつでもチェックできる仕様の物がラジオボタンに変わって、1つしか選択できないように制限できます。