【WordPress】Contact Form 7で問合せフォームを作成しました〜②お問い合わせページの作成・reCAPTCHA〜

WordPressの勉強も兼ねて問合せフォームを作成しました。

プラグイン「Contact Form 7」で簡単に作成できたので、忘備録として設定方法を残しておきます。

前回はフォーム画面の編集完了まででしたので、今回は固定ページの作成とセキュリティ対策について記事にします。

今回作成した問合せフォーム

作成した問合せフォームは以下の通りです。

ページとしてはこのリンクとなります。

お問い合わせページを作成していきます。

まずは、WordPress管理画面の固定ページタブ→「新規固定ページを追加」をクリックします。

固定ページの編集画面に変わったら、以下のように設定します。

タイトル	（例）お問い合わせ
本文	お問い合わせはこちらにお願いしますといったフォーム入力へ誘導する文など
リンク(スラッグ）	contact

本文の入力が終わったら、下のブロックの「＋」をクリックします。

検索窓に「contact」と入力すると、Contact Form 7のブロックがあらわれるのでクリックします。

ブロックが設置されると、コンタクトフォームを選択という項目が出現するので、作成したフォーム名を選択します。

これで、お問い合わせページの作成は完了です。編集画面にフォームが出現しないため、不安になるかと思いますが、公開してちゃんと表示されていることを確かめましょう。

公開ページではフォームになっています。

前回のフォーム設定の「メール(2)を使用」にすると、セキュリティ関連のメッセージが出ることがあると記載しました。

理由としては、入力するメールアドレスをスパムメールを送りたい人に設定することで、自動返信機能でメールが送れてしまうからです。

そのため、「reCAPTCHA」というセキュリティ対策を行います。

reCAPTCHAは、Googleが提供する無料のサービスで、ウェブサイトやモバイルアプリを不正行為から守るためのセキュリティ手段です。

reCAPTCHAは、ウェブサイトにアクセスしようとしているのが人間かロボット（自動化されたプログラム）かを識別する機能があり、フォームに組み込むことで不正なアクセスを防ぐことができます。

Googleアカウントが必要ですので、事前に作成しておきましょう。

Google reCAPTCHAのサイトにアクセスします。表示されたページで右上の「v3 Admin Console」をクリックします。

reCAPTCHAに自分のWebページを登録します。

ラベル	ブログのタイトル
reCAPTCHAタイプ	お問い合わせはこちらにお願いしますといったフォーム入力へ誘導する文など
ドメイン	ブログのドメイン

入力したら「送信」ボタンをクリックします。