CONTACT form 7プラグイン（後編）　～WordPressでブログを始める～

前回の「CONTACT form 7プラグイン（中編）」の記事

Contact Form 7でreCAPTCHAを使ってみた。

reCAPTCHAはGoogleが提供している「ボットからサイトを守る」ための仕組み。

まだ問い合わせフォームからスパムが来ることは無いのだけれども、どんな感じで出来るのかを試してみたかったので導入してみた。

大まかな手順は、

1. GoogelのreCAPTCHA 管理ページで登録
2. Site keyとSecret keyを発行する
3. Contact Form 7で上記キーを設定する
4. Contact Form 7でreCAPTCHAフォームタグを貼り付ける

で以下のreCAPTCHAがフォームに追加される。

GoogelのreCAPTCHA 管理ページで登録

GoogleのreCAPTCHA管理ページにアクセスして「Get reCAPTCHA」をクリックする。

Label：souichi.club

reCAPTCHA v2を選択

Domains：souichi.club

Accept the reCAPTCHA Terms of Serviceにチェックして「Register」

Contact Form 7 Ver5.1にてreCAPTCHA v3.に対応したのでKeyの取得と設定のし直しを行った。

その時の記事はこちら

Site keyとSecret keyの発行

Site keyとSecret keyが発行されるのでコピーする。

コピーしたら画面下の「Save Changes」で保存しておく。

Contact Form 7でキーの設定

WordPressのメニューからお問い合わせー＞インテグレーションー＞キーを設定する

サイトキー、シークレットキーを貼り付けて「保存」する。

以上で設定は終了。

reCAPTCHAフォームタグを使用する

WordPressのメニューからお問い合わせー＞コンタクトフォーム

以前に作ったコンタクト用のフォーム「ご質問がある方」を開く

「送信」フォームタグの上にreCAPTCHAを挿入する。

以上で質問フォームにreCAPTCHAが追加された。

「私はロボットではありません」にチェックをしないと送信ができない。

Contact Form 7の設定については以上で終了。

次回の「SMTP Mailerプラグイン」の記事