こんにちは、ゆうや（@yuyaphotograph）です！
この記事では、
- Contact Form 7でフォーム直前に表示されるエラーメッセージを非表示にしたい
- Contact Form 7でフォーム下に表示される送信成功メッセージを非表示にしたい
- Contact Form 7でフォーム下に表示されるエラーメッセージを非表示にしたい
という方のお悩みを解決します！
目次
Contact Form 7のメッセージ非表示コード集
フォーム直前のエラーメッセージを非表示
メッセージ例
フォーム直前のエラーメッセージを非表示
div.screen-reader-response{
display: none;
}フォーム下の送信成功メッセージを非表示
メッセージ例
フォーム下の送信成功メッセージを非表示
div.wpcf7-mail-sent-ok {
display: none!important;
}フォーム下のエラーメッセージを非表示
メッセージ例
フォーム下のエラーメッセージを非表示
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
display: none !important;
}まとめ
以上、Contact Form 7のエラー/送信成功メッセージを非表示にする方法を紹介しました。
コーポレートサイト制作の案件だと、上記で紹介したメッセージは見栄え上、削除要求をいただくことが多いのでまとめてみました。
少しでも役に立てれば幸いです。
Contact Form 7記事まとめ
Contact Form 7を使うときに役立つ記事まとめ
