【WordPress】タイトルの入力チェックを実装する方法

WordPressを使っていると、記事の投稿時に特定の条件を満たすようユーザーに促したい場合があります。例えば、記事のタイトルが一定の文字数以上であることを確認するようにしたいと思うかもしれません。今回は、WordPressでタイトルの入力チェックを実装する方法を紹介します。

JavaScriptを追加する

まずは以下のコードをfunctions.jsとして保存します。このスクリプトは、タイトル入力フィールドの入力を監視し、特定の条件を満たさない場合にユーザーに警告を表示します。

jQuery(document).ready(function($) {
    $('#title').on('input', function() {
        var title = $(this).val();
        if (title.length < 10) { // ここで条件を設定します（例として、10文字以上が必要とします）
            alert('タイトルは少なくとも10文字以上必要です。');
            $(this).focus(); // タイトル入力フィールドにフォーカスを戻す
        }
    });
});

スクリプトをテーマに組み込む

次に、WordPressのテーマファイル（通常はfunctions.php）にスクリプトの読み込みを追加します。これにより、カスタムスクリプトがWordPressの投稿画面で正しく動作するようになります。

function custom_enqueue_scripts() {
    wp_enqueue_script('custom-script', get_template_directory_uri() . '/js/functions.js', array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'custom_enqueue_scripts');

動作確認

最後に、WordPressの投稿画面で新しい記事を作成または編集する際に、タイトルが指定した条件を満たすかどうかを確認します。タイトルが設定した文字数以上であれば問題ありませんが、それ未満の場合にはアラートが表示されるはずです。