WordPressで投稿本文の入力文字数自体を制限する方法

WordPressで投稿本文の入力文字数自体を制限する方法についてご紹介。
functions.phpに下記のコードを追加してください。

function limit_textarea_length() {
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            var maxLength = 500; // ここで制限したい文字数を設定します
            $('#content').keyup(function() {
                var textlen = maxLength - $(this).val().length;
                $('#charNum').text(textlen);
                if(textlen < 0) {
                    $(this).val($(this).val().substring(0, maxLength));
                }
            });
        });
    </script>
    <div id="charNum">500</div>文字まで入力可能です。
    <?php
}
add_action('admin_footer', 'limit_textarea_length');

このコードは投稿画面にJavaScriptを追加し、500文字までの制限をかけます。

functions.phpに直接PHPコードを追加して、保存時に文字数制限をチェックすることもできます。

function check_content_length($data, $postarr) {
    $max_length = 500; // ここで制限したい文字数を設定します
    if (strlen($data['post_content']) > $max_length) {
        wp_die('投稿本文が最大文字数を超えています。');
    }
    return $data;
}
add_filter('wp_insert_post_data', 'check_content_length', 10, 2);

このコードは、投稿を保存する前に本文の文字数をチェックし、超えた場合にエラーメッセージを表示します。

タイトルの文字数を制限したい場合はこちら

www.design.pon-poo.com

https://www.design.pon-poo.com/tutorial/post-1321/

https://www.design.pon-poo.com/tutorial/post-1321/

関連投稿:

オリジナルメニューに追加したテキストエリア内でHTMLを許可する 【初心者の方向け】 Bootstrap4の使い方 ドロップダウン Bootstrap5 ボタン（Button）の作成と使い方 【初心者の方向け】 Bootstrap4の使い方 ボーダー