WordPressの「Luxeritas 」のテーマで「reCAPTCHA」を設定する
Contact Form 7 に「安全でないメール設定」とエラー表示
本サイトのお問い合わせフォームは、フリーのお問い合わせフォームを利用していましたが久しぶりに確認するとお問い合わせフォームを利用できなくなっていました、仕方がないのでお問い合わせフォームを設置できるプラグインの「Contact Form 7」でお問い合わせフォームを設置しました。
設置は問題なくできましたが、設定したお問い合わせフォームを確認すると、下記のようにお問い合わせフォームで「1件の設定エラーを検出しました」と表示されます
お問い合わせフォームのコンタクトフォームの編集画面を確認すると「安全でないメール設定が十分な防御策なく使われている。」と表示されています。
上記のエラーですが、現在の設定では、スパマーがコンタクトフォームを悪用して任意のアドレスにメールを送信するリスクが高い状態で対策として、「reCAPTCHA」や「Akismet」などのスパム対策モジュールの導入がすることを推奨されいます、スパム対策が実施しないのでエラーと表示されます。
解決策で推奨されている「reCAPTCHA」を導入していきます
「reCAPTCHA」を設置
お問い合わせフォームのスパム対策として、「reCAPTCHA」を導入します。
- ラベル：サイトの認識するラベルです。サイトのURLやサイト名で良いかと思います
- reCAPTCHA タイプ：v3を利用するので、デフォルトの「スコアベース（v3）」を選択します
- ドメイン：サイトのドメインを入力します。ドメインを設定するとサブドメインも適用されます。例えば、example.com を登録すると subdomain.example.com も登録されます。
- Google Cloud Platform：プロジェクト名を設定します。デフォルトのままで良いかと思います
この「サイトキー」と「シークレットキー」をWordpressの「Contact Form 7」に設定しますのでコピーします
「Contact Form 7」に「reCAPTCHA」を導入
下記の手順で、「Contact Form 7」に「reCAPTCHA」を導入していきます
１．「WordPress管理画面」 → 「お問い合わせ」 → 「インテグレーション」の順にクリックします
２．「reCAPTCHA」の「インテグレーションのセットアップ」をクリックします
３．「reCAPTCHA」で登録した「サイトキー」と「シークレットキー」を入力して「変更を保存」をクリックします
reCAPTCHAマークが重なった状態を修正する：「Luxeritas 」のテーマ
下記の画像のように、「PAGE TOP」のボタンと「reCAPTCHAマーク」が重なった状態になっていました。本サイトのテーマは「Luxeritas 」のテーマを利用していますので、このテーマの設定で「reCAPTCHAマーク」の位置を修正できるので修正します
「 Google reCAPTCHA v3 による画像認証を使用する」を設定します
下記では、Page Topボタンを上にずらすに設定しています
