【Contact Form 7】 エラー/送信成功メッセージを非表示にする方法

こんにちは、ゆうや（@yuyaphotograph）です！

この記事では、

という方のお悩みを解決します！

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記事まとめ