WordPressのコメントエリアを色々カスタマイズする方法

// コメントフォームのフィールドをカスタマイズして再配置する関数
function custom_reorder_comment_form_fields($fields) {

	// 新しいフィールド配列を初期化
    $new_fields = array();

	// 名前欄
    if (isset($fields['author'])) {
        $new_fields['author'] = $fields['author'];
    }

    // メール欄
    if (isset($fields['email'])) {
        $new_fields['email'] = $fields['email'];
    }

	// サイト欄
    if (isset($fields['url'])) {
        $new_fields['url'] = $fields['url'];
    }

	// コメント欄
    if (isset($fields['comment'])) {
        $new_fields['comment'] = $fields['comment'];
    }

    // Cookieの保存に関するチェックボックス
    if (isset($fields['cookies'])) {
        $new_fields['cookies'] = $fields['cookies'];
    }

    return $new_fields;
}
add_filter('comment_form_fields', 'custom_reorder_comment_form_fields');

// コメントフォームのフィールドをカスタマイズして再配置する関数
function custom_reorder_comment_form_fields($fields) {

	// 新しいフィールド配列を初期化
    $new_fields = array();

	// 名前欄
    if (isset($fields['author'])) {
        $new_fields['author'] = $fields['author'];
    }

	// コメント欄
    if (isset($fields['comment'])) {
        $new_fields['comment'] = $fields['comment'];
    }

    return $new_fields;
}
add_filter('comment_form_fields', 'custom_reorder_comment_form_fields');

function change_comment_cookie_consent_label() {
    ?>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        var label = document.querySelector('label[for="wp-comment-cookies-consent"]');
        if (label) {
            label.textContent = "次回のコメントで使用するためブラウザーに自分の名前を保存する。"; // 任意の文字列に変更してください。
        }
    });
    </script>
    <?php
}
add_action( 'wp_footer', 'change_comment_cookie_consent_label' );

<script>
document.addEventListener('DOMContentLoaded', function() {
    var label = document.querySelector('label[for="wp-comment-cookies-consent"]');
    if (label) {
        label.textContent = "次回のコメントで使用するためブラウザーに自分の名前を保存する。"; // 任意の文字列に変更してください。
    }
});
</script>

function custom_change_default_comment_field($defaults) {
    // 名前フィールドのカスタマイズ
    $defaults['fields']['author'] = '<p class="comment-form-author"><label for="author">' . __( 'お名前 ※', 'domainreference' ) . '</label> <input id="author" name="author" type="text" value="" size="30" aria-required="true" /></p>';

    // メールアドレスフィールドのカスタマイズ
    $defaults['fields']['email'] = '<p class="comment-form-email"><label for="email">' . __( 'メールアドレス', 'domainreference' ) . '</label> <input id="email" name="email" type="email" value="" size="30" aria-required="true" /></p>';

    // サイトURLフィールドのカスタマイズ
    $defaults['fields']['url'] = '<p class="comment-form-url"><label for="url">' . __( 'サイトURL', 'domainreference' ) . '</label> <input id="url" name="url" type="url" value="" size="30" /></p>';

    // コメントフィールドのカスタマイズ
    $defaults['comment_field'] = '<p class="comment-form-comment"><label for="comment">' . __( 'コメントをどうぞ ※', 'domainreference' ) . '</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>';

    return $defaults;
}
add_filter('comment_form_defaults', 'custom_change_default_comment_field');

function custom_change_default_comment_field($defaults) {
    // 名前フィールドのカスタマイズ
    $defaults['fields']['author'] = '<p class="comment-form-author"><label for="author">' . __( 'お名前 ※', 'domainreference' ) . '</label> <input id="author" name="author" type="text" value="ななし" size="30" aria-required="true" /></p>';

    // コメントフィールドのカスタマイズ
    $defaults['comment_field'] = '<p class="comment-form-comment"><label for="comment">' . __( 'コメントをどうぞ ※', 'domainreference' ) . '</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>';

    return $defaults;
}
add_filter('comment_form_defaults', 'custom_change_default_comment_field');

$defaults['comment_field'] = '<p class="comment-form-comment"><label for="comment">' . __( 'コメント', 'domainreference' ) . '</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true">ここにコメントの初期値を入力</textarea></p>';

<script>
document.addEventListener('DOMContentLoaded', function() {
    var submitButton = document.querySelector('input#submit'); // ここで<input>要素のid="submit"を指定
    if (submitButton) {
        submitButton.value = "コメントを送信します"; // 任意の文字列に変更してください。
    }
});
</script>

h3.p-commentArea__title.-for-write {
    display: none;
}

function modify_comment_title_text() {
    ?>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        var commentTitle = document.querySelector('h3.p-commentArea__title.-for-write');
        if (commentTitle) {
            commentTitle.innerHTML = '<i class="icon-pen"></i> コメント置いてって'; // 任意の文字列に変更してください。
        }
    });
    </script>
    <?php
}
add_action('wp_footer', 'modify_comment_title_text');

<script>
document.addEventListener('DOMContentLoaded', function() {
    var commentTitle = document.querySelector('h3.p-commentArea__title.-for-write');
    if (commentTitle) {
        commentTitle.innerHTML = '<i class="icon-pen"></i> コメント置いてって'; // 任意の文字列に変更してください。
    }
});
</script>

function modify_comment_title_based_on_comment_count() {
    // コメント数を取得
    $comments_count = get_comments_number();

    // 表示するテキストを条件分岐で設定
    if ( $comments_count == 0 ) {
        $title_text = '<i class="icon-pen"></i> 最初のコメントを投稿しませんか？'; // 任意の文字列に変更してください。
    } else {
        $title_text = '<i class="icon-pen"></i> コメント置いてって'; // 任意の文字列に変更してください。
    }

    // JavaScriptでテキストを変更
    ?>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        var commentTitle = document.querySelector('h3.p-commentArea__title.-for-write');
        if (commentTitle) {
            commentTitle.innerHTML = '<?php echo $title_text; ?>';
        }
    });
    </script>
    <?php
}
add_action('wp_footer', 'modify_comment_title_based_on_comment_count');