WordPress技術ブログは、毎週月曜日の午前7時に更新!最新の情報をお見逃しなく!

トラブル事例

【Contact Form7】 送信エラー色別の原因の違いと解決方法

『お問い合わせフォームからメッセージが送信できない!』
こんなエラーや不具合でお悩みはありませんか?

『Contact Form7』は非常に便利なプラグインですが、ある日突然送信ボタンを押してもメッセージが送信できなくなることも…。

今回はプラグイン『Contact Form7』を利用したお問い合わせフォームの送信のエラーの色別の原因と解決方法についてご紹介します!

送信エラーが出たときはまずは「色」をチェック!

Contact Form 7では、エラーが発生したときには色によって原因が示されています。この色の意味を理解することで、問題の解決がぐっと簡単になりますよ!

エラーメッセージは下記の画像のように色のついたボーダーラインで囲われています。
緑のボーダーラインは問題なく送信できている状態です。

ContactForm7のエラーの色別の意味について。緑は問題なし、黄色はフォーム設定、オレンジはjavascript、赤はサーバー設定、青はセキュリティプラグインなどが原因である可能性があります。

参考:Contact From 7 FAQ

エラーメッセージの色の種類

  1. 黄色のボーダーライン
  2. オレンジのボーダーライン
  3. 赤のボーダーライン
  4. 青のボーダーライン

ひとつずつ原因と解決方法について説明していきます。

色別のエラーの原因について

黄色のボーダーライン

黄色のエラーは、主にフォームの設定ミスによるものです。特に、必要なフィールドが欠けているか、正しく設定されていない場合にこの色のエラーが表示されます。

解決方法

  1. フォームの全フィールドを再確認し、必須フィールドがすべて適切に設定されているかを確認してください。
  2. ショートコードがフォームの設定と正確に一致しているかを見直してください。

オレンジのボーダーライン

オレンジ色のエラーは、しばしばJavaScriptの問題を指し示します。JavaScriptが適切にロードされなかったり、他のプラグインやテーマのJavaScriptと競合している場合にこの色のエラーが表示されることがあります。

Google reCAPTCHAが原因になることも…

オレンジ色のエラーはGoogle reCAPTCHAとの問題によって発生することがあります。特に、Contact Form 7にreCAPTCHAを統合している場合、設定ミスや競合などが原因で問題が起こることがあります。

■対処方法■

  1. reCAPTCHAの設定を確認する: Google reCAPTCHAのキー(サイトキーとシークレットキー)が正しく設定されているかを確認してください。また、キーが最新であることを確認し、古いキーや誤ったキーが使用されていないかをチェックしてください。

  2. プラグインの更新と互換性の確認: Contact Form 7とreCAPTCHAを含む他のプラグインが最新のバージョンであることを確認します。時には古いバージョンのプラグインが原因でJavaScriptのエラーが発生することがあります。

  3. JavaScriptの競合を調査する: 他のプラグインやテーマのJavaScriptがreCAPTCHAのスクリプトと競合していないかを調べます。WordPressのテーマをデフォルトのものに一時的に変更するか、他のプラグインを一時的に無効にして問題が解消するかどうかをテストしてみてください。

  4. ブラウザのコンソールでエラーをチェックする: ブラウザの開発者ツールを開き、コンソールタブでJavaScriptエラーがないかを確認します。エラーメッセージが表示されていれば、それを手がかりに具体的な問題を特定しやすくなります。

解決方法

  1. 他のプラグインを一時的に無効にして、競合が発生していないか確認してください。
  2. WordPressのテーマをデフォルトテーマに一時的に切り替えて、問題が解消するかを試してみてください。
  3. ブラウザの開発者ツールを使用して、JavaScriptエラーがコンソールに表示されていないかチェックしてください。

赤のボーダーライン

赤色のエラーは、メール送信に関連する問題が多く、サーバーの設定やWordPressとプラグインの不具合が原因であることが多いです。

解決方法

  1. SMTPプラグインを使用して、メール送信の設定を確認し、必要に応じて調整してください。
  2. ホスティング提供者に連絡して、サーバー側のメール関連の設定に問題がないかを確認してもらいましょう。
  3. Contact Form 7とWordPressのバージョンが最新であることを確認してください。

青のボーダーライン

青色のエラーは比較的珍しく、一般的にはセキュリティプラグインによる制限や特定の設定によるブロックを示しています。

過去何度か青のボーダーラインのContact Form7の送信エラーの修理をお受けしたことがありますが、フォーム機能自体には全く関係のないプラグインとの相性が原因でした。

解決方法

  1. セキュリティプラグインの設定を確認し、Contact Form 7の動作に必要な機能がブロックされていないかを見直してください。
  2. .htaccessファイルの設定をチェックし、不必要なリダイレクトや制限がかけられていないか確認してください。

まとめ

いかがだったでしょうか。

「Contact Form 7」の送信エラーは、色によってその原因が示されています。
エラーが発生した際にはまず、エラーのボーダーラインの色をチェックし、その原因を探りましょう。
自力で解決できるケースもありますが、なかなか問題が解消されない場合はぜひご相談ください!

復旧作業を代行します
復旧作業を代行します。「エラーの原因がわからない」「サイトがおかしい」「ハッキングされたかも...」このような場合の復旧作業を弊社で代行いたします。まずはお困りごとをお聞かせください。お問い合わせ・お見積りは無料です。今すぐお問い合わせをする。
ABOUT ME
suzuki
激辛大好きwebデザイナーsuzukiです! 麻辣のとりこです。柏の麻辣烫ならお任せくださいฅ^•ω•^ฅ