プラグインContact Form 7の設定と使い方をまとめています。
ショートコードでお問合せページを作成できるプラグインです。難しい設定がなく、このブログで設置している様なお問い合わせページを簡単に設置できます。
設定と使い方
プラグインを有効化すると、管理画面に「お問い合わせ」が追加されます。
最初からコンタクトフォーム1が作成されているので、ショートコードを任意のページに貼り付けて下さい。
![お問い合わせのショートコード](https://affilabo.com/wp-content/uploads/2014/06/7626348da8edc55c702556c99548f3ea.png)
ブロックエディターの場合は、専用ブロックから挿入することもできます。
![「Contact Form 7」専用ブロック](https://affilabo.com/wp-content/uploads/2014/06/7caf130652a5424be9a06c744544f845.png)
ショートコード及び専用ブロックを挿入できたら、お問い合わせページの作成は完了です。
![お問い合わせページ](https://affilabo.com/wp-content/uploads/2014/06/7a38e0dbbd431a892378d2b84376e040.png)
ページを開いて問題なく表示されていることを確認して下さい。
カスタマイズが必要なければ、お問い合わせページの設置は完了です。お問い合わせから送信されたメールは、WordPressの管理者メールアドレスに届きます。
自動返信メールの設定
お問い合わせ管理画面を開いて、コンタクトフォームの「編集」をクリックします。
![コンタクトフォームの編集](https://affilabo.com/wp-content/uploads/2014/06/11889d6c25cb21e19efa1cd46426327b.png)
上端タブのメール項目を開いて、ページ下部の「メール(2)」にチェックを入れます。
![自動返信メールの設定](https://affilabo.com/wp-content/uploads/2014/06/a19f6a3ed972377a4734f54ca0152682.png)
これでメッセージが送信された際に相手に自動返信してくれます。
必要であれば、メッセージ本文等を編集して下さい。
reCAPTCHA (v3)
reCAPTCHAインテグレーションモジュールを使えば、スパムボットによる不正なフォーム送信を遮断できます。
登録と設定
MyreCAPTCHAの登録フォームを全て入力して、「送信」をクリックします(Googleアカウントが必要)。
![reCAPTCHAの登録](https://affilabo.com/wp-content/uploads/2014/06/26d6f15f65895aef35c97696d30f2196.png)
表示された「サイトキー(公開可能キー)」と「シークレットキー」をコピーします。
![サイトキー(公開可能キー)とシークレットキー](https://affilabo.com/wp-content/uploads/2014/06/c1ead1784e22692de611d877641e2690.png)
WordPressに戻って、reCAPTCHAの「インテグレーションのセットアップ」をクリックします。
![reCAPTCHAインテグレーションモジュール](https://affilabo.com/wp-content/uploads/2014/06/de893ddc4c71bdae1d521f033186af54.png)
先程の「サイトキー」と「シークレットキー」を入力して、「設定を保存」をクリックしたら設定完了です。
![reCAPTCHAに「サイトキー」と「シークレットキー」を入力](https://affilabo.com/wp-content/uploads/2014/06/6ea31b5859512f2d711e40744a07b0fc.png)
reCAPTCHAのロゴ(バッジ)を非表示にする
お問い合わせページに下記の内容を表記すれば、reCAPTCHAのロゴを非表示にすることが許可されています。
This site is protected by reCAPTCHA and the Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
<a href="https://policies.google.com/terms">Terms of Service</a> apply.
コードをコピーして、お問い合わせフォームの一番下に貼り付けます(視認できる場所ならどこでもOK)。
![eCAPTCHAのロゴ(バッジ)を非表示](https://affilabo.com/wp-content/uploads/2014/06/a9017101f5208b5b572edd26ddae8db1.png)
次に、ロゴを非表示する下記CSSをカスタマイザーの「追加CSS」に追加します。
.grecaptcha-badge { visibility: hidden; }
![ロゴ(バッジ)非表示のコードを追加](https://affilabo.com/wp-content/uploads/2014/06/2e33955dd6d7cacdaf8c31f43c8df60c.png)
画面右下のreCAPTCHAのロゴが非表示になれば設定完了です。
最後に
もっと細かくカスタマイズすることもできますが、個人的には「自動返信メールの設定」と「スパムボットによる不正なフォーム送信の遮断」だけでも十分だと思います。必要であれば、ご自身で編集して下さい。
最後に、コンタクトフォームを編集した後は、メールが問題なく送信されるか必ずテスト送信をして下さい。
コメント