コメント欄の簡略化

修正点

コメント欄の入力項目が

・コメント※
・名前※
・メール※
・サイト
・次回のコメントで使用するためブラウザーにニックネームを保存する。(ラジオボタン)
・CAPTCHA(画像認証)※

※は必須項目

(ちょっといじった後のスクショなので、「名前」や「メール」の※が消えてます。すみません...。)

となっていたので、もっと気軽にコメントできるように変更しました。


修正方法

修正後の項目は

・コメント※
・ニックネーム※
・CAPTCHA(画像認証)※

にします。

・コメント※
・ニックネーム※

/wp-content/themes/子テーマ/functions.php

のファイルへ

/* =========================
コメントフォーム最適化
========================= */

/* コメント項目変更 */
function custom_comment_form_fields($fields) {

// ニックネーム欄
$fields['author'] = '
<p class="comment-form-author">
    <label for="author">ニックネーム ※</label>
    <input id="author" name="author" type="text" required />
</p>';

// メール削除
unset($fields['email']);

// サイト削除
unset($fields['url']);

// Cookie保存文言
$fields['cookies'] = '
<p class="comment-form-cookies-consent">
    <input id="wp-comment-cookies-consent"
           name="wp-comment-cookies-consent"
           type="checkbox"
           value="yes" />
    <label for="wp-comment-cookies-consent">
        次回のコメントで使用するためブラウザーにニックネームを保存する。
    </label>
</p>';

return $fields;

}
add_filter('comment_form_default_fields', 'custom_comment_form_fields');

/* メール必須解除 */
function custom_disable_comment_email_requirement($value) {
return false;
}
add_filter('pre_option_require_name_email', 'custom_disable_comment_email_requirement');

/* コメントフォーム説明文変更 */
function custom_comment_form_defaults($defaults) {

$defaults['comment_notes_before'] = '
<p class="comment-notes">
    ※ が付いている項目は必須です
</p>';

return $defaults;

}
add_filter('comment_form_defaults', 'custom_comment_form_defaults');

を追加する形で書き込み。

・CAPTCHA(画像認証)※

こちらは追加CSSで修正していきます。

WordPress管理画面から

外観 → カスタマイズ → 追加CSS

そこへ追加する形で

/* =========================
SiteGuard CAPTCHA カスタマイズ
========================= */

/* 元の文言を透明化 */
label[for="siteguard_captcha"] {
font-size: 0 !important;
}

/* 文言の変更とフォントの調整 */
label[for="siteguard_captcha"]::after {
content: "画像の文字を入力してください ※";
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: #333;
font-family: inherit;
}

と書き込みます。

修正結果

想定通りのコメント欄へ修正完了!

最後に

ここまで読んでいただき、ありがとうございます。

今回、内容としては単発で、短くさせていただきました。

理由は、気軽にコメントできる環境の共有を早めにしたかったからです。

ご意見・ご感想を含め、気軽にコメントしてくださると非常に嬉しいです。

コードに関して、解説を省略してまとめさせていただきました。

それぞれ何についての記述なのかはコメントアウトしていますので、ご興味のある方はコード内容を確認いただければと思います。

\ 最新情報をチェック /

コメントを残す

※ が付いている項目は必須です

CAPTCHA