- 動画の再生速度を３倍４倍にするChromeの拡張機能をYouTubeに使ってみる
Topics
インフォコネクト最新情報
WordPressのカテゴリー選択を１つに制限する方法をチェックボックスからラジオボタンに変更してみた（クイック編集にも対応）
WordPressのカテゴリー選択を１つに制限する方法をチェックボックスからラジオボタンに変更してみた（クイック編集にも対応）
この記事は公開から１年以上経過しています。
バージョン6.0に合わせて、本文末に追記あります。
こんにちは、チーフクリエイターのSHOJIです。
WordPressのカテゴリー選択がチェックボックスで実装されているため、複数選択ができてしまうのはみなさんご存じの通り。
しかし、弊社で制作するサイトのほとんどはカテゴリーを1つに絞って設定させるため、カテゴリー選択を1つに制限するソースコードをfunctions.phpに記述することで制御しています。
ですが、WordPressのバージョンアップに伴って、これまでの設定ではチェックボックスの制御が上手くいかなくなり、カテゴリーを複数選択できてしまうようになりました泣。
そこで今回の豆知識は『WordPressのカテゴリー選択を1つに制限する方法をチェックボックスからラジオボタンに変更してみた（クイック編集にも対応）』と題してお届けしますので、どうぞ最後までお付き合いください。
従来の設定
先述の通り、WordPressのカテゴリー選択はチェックボックスで実装されているので、複数選択ができて当たり前なのですが、このチェックボックスに対して選択できる箇所を１つだけに制御するという無理やりな指示をしてしまっているのが現状です。
ネット上に多くの紹介記事が公開されているので、同様の方法でカテゴリー選択を１つに制限している方もおられることと思います。
本来、複数選択ではなく単一選択させたいのであれば、チェックボックスではなくラジオボタンで実装すれば良いだけの話なんですよね。
チェックボックスからラジオボタンに変更
従来の制御で、functions.phpに記述したカテゴリー選択を1つに制限するソースコードを、下図のようにコード書き換えます。
要は、Javascriptにてinputタグのtype属性を『checkbox』から『radio』へと置換させるコードを管理画面のフッターに挿入することで、投稿画面のカテゴリー選択項目においてチェックボックスからラジオボタンに変更されるというものです。
見事、チェックボックスからラジオボタンへと変更されたので、カテゴリーが1つしか選択できなくなりました。ついでに、存在価値のなかった『よく使うもの』タブと『＋新規カテゴリーを追加』のテキストリンクも非表示にすることができて嬉しさ２倍です！
今回は、Analog Studio様の記事『WordPressの投稿画面でカテゴリ選択を一つだけに変更する方法【ラジオボタン化】』を参考にさせていただきました。
こちらの記事では、さらに詳しく丁寧にコードや設定の解説をしてくれてますので、初心者の方は是非チェックしてみてください！
参考：『Wordpressの投稿画面でカテゴリ選択を一つだけに変更する方法【ラジオボタン化】』
https://web.analogstd.com/tips/posts/web/wordpress-category-singleselector.php
クイック編集でもラジオボタンに変更
また、投稿一覧画面内の「クイック編集」においても同様に、カテゴリー選択をチェックボックスではなくラジオボタンに変更したいと思われる方も多いはず。
Analog Studio様の記事では触れられていませんでしたが、上図のコードを参考にしてクイック編集内のカテゴリー選択項目もラジオボタンに変更することが可能です。
ただし、上記方法のままラジオボタンに変更してしまうとデータベースにカテゴリーは保存されているのですが、クイック編集の際にカテゴリーのチェックが外れてしまうためリセットされた状態で上書き保存されてしまいます。
そのため、クイック編集の際にラジオボタンのチェックが外れないよう投稿データを引き継ぐためのjQueryを追加してあげます。
今度は、かもメモ様の記事『WordPress 投稿のカテゴリーをラジオボタンにカスタマイズしたら、クイック編集でカテゴリーがチェックされなくなったので。』を参考にさせていただきました。
こちらの記事も、さらに詳しく丁寧にコードや設定の解説をしてくれてますので要チェックです！
参考：『WordPress 投稿のカテゴリーをラジオボタンにカスタマイズしたら、クイック編集でカテゴリーがチェックされなくなったので。』
https://chaika.hatenablog.com/entry/2015/06/08/210000
上図のように、先ほど追加したjQuery（ファイル名『inline_category_select.js』）を同時に読み込み、投稿画面ではカテゴリ選択ボックスのid属性だった「#categorychecklist」から、クイック編集のカテゴリー選択ボックスのclass属性「.category-checklist」へと変更して設定しています。
見事、クイック編集でもラジオボタンに変更することができて、チェックが外れてリセットされることもなくカテゴリーを1つに制限することができました。
バージョン6.0に合わせて、本文末に追記あります。
最後に
さらに、以前このブログで紹介した『投稿画面でタグをチェックリストから選択する方法』のように、投稿画面のタグ設定をチェックリストに変更している場合でも干渉しないようにコードを記述してあるので安心です。
もちろん、クイック編集内のタグ選択項目がラジオボタンに変更されないようにもしていますが、この辺りについては実際にみなさんの設定と異なる場合がありますので、必ず元のfunctions.phpをバックアップをとってから編集を行い、正常に再現されることを確認してくださいね。
バージョン6.0に伴う追記
WordPress ver6.0アップデート以前では、上記設定の『inline_category_select.js』ファイルが、WordPressデフォルトの『inline-edit-post.min.js』ファイルよりも後に読み込まれていましたが、WordPress ver6.0以降では上記設定ではデフォルトファイルよりも先に読み込まれてしまうため、正しく処理されません。
上記設定では「add_action」内にパラメータ「$priority」の値を入力していません（初期値：10）でしたが、ver6.0アップデート以降では「admin_print_footer_scripts」により読み込まれる優先順位の変更が行われたため、パラメータ「$priority」の値を「100」に設定することでこれまでと同様に処理されます。
■□■ 変更前 ■□■
add_action( 'admin_print_footer_scripts', 'inline_category_select' );
■□■ 変更後 ■□■
add_action( 'admin_print_footer_scripts', 'inline_category_select', 100 );
パラメータ「$priority」の値を「100」に変更することで、関数が実行される優先順序を遅くなるよう設定したというわけです。
［Webの豆知識］関連記事
Service
Contact
インフォコネクトに相談してみませんか？
経営コンサルティングからITサービス活用支援、ホームページ制作などに関するご依頼や、ご質問・ご相談など、なんでもお気軽にお問い合わせください。