『Contact Form 7』で【お問い合わせフォーム】を作ろう（ワードプレス）

ブログやサイトに【お問い合わせフォーム】があると、訪問者からの質問などを受けることができるようになります。


プラグイン『Contact Form 7』を使えば、専門的な知識が不要なので【お問い合わせフォーム】を簡単に設置することができます。

『Contact Form 7』インストール

以下の操作手順で、インストールから有効化まで進めてください。

『Contact Form 7』の設定

インストールができると、管理画面の左側に【お問い合わせ】という項目が増えていますので、

【お問い合わせ】 →【コンタクトフォーム】へ進み、

『コンタクトフォーム１』をクリックすると、編集画面が開きます。

設定項目は【フォーム・メール・メッセージ・その他の設定】の４つです。


順番に見ていきますが、僕は【メール】の一部を変更しただけで、他の部分は初期設定のままです。

フォーム

このままでいいと思います。

メール

一番上にある【送信先】は、

『ユーザーからの問い合わせを受けるメールアドレス』のことで、初期設定だと『ワードプレスを登録した時の管理者メールアドレス』になっています。

そのままだとセキュリティ的に不安がありますので、ブログやサイト専用に、別のメールアドレスを作るほうが安全です。

契約しているレンタルサーバーで専用のメールアドレスを作ることができ、僕自身も新しいのを設定しています。

【コノハウイング】でのメールアドレスの作り方は、以下の記事に載せてあります。

違うレンタルサーバー会社を使っている方は、その会社のホームページ等に作り方が掲載されていると思いますので参考にしてください。

メッセージ

このままでいいと思います。

その他の設定

このままでいいと思います。

ワードプレスに【お問い合わせフォーム】を設置する

設置するには、編集画面に表示されていた『ショートコード』を使用します。

先に、メモ帳・ワードなどで「コピー・保存」をしておいてください。

【お問い合わせフォーム】は、『固定ページ』に設定しますので、

『固定ページ』 → 『新規追加』を選んでください。

『新規追加』でページが開いたら、設定するのは３か所です。

タイトル　を付ける

「お問い合わせ」でいいと思いますが、違う名前でも大丈夫です。

ショートコード　の貼り付け

パーマリンク　を設定する

右上の「歯車」で設定を開いて、パーマリンクを設定します。

「contact」を付けておけば分かりやすいと思いますが、好きな単語でもいいです。

「グローバルメニュー」に設定する

【お問い合わせフォーム】を作成しただけではブログやサイトに出てこないので、訪問者が分かりやすいように「グローバルメニュー」に設定します。


　こんな感じ

メニュー名を入力して、「お問い合わせ」を追加します。

「メニューの位置」を決めます

今回は「ヘッダーメニュー」に設定してますが、お好みで「フッターメニュー等」にも設定できます。

『reCAPTCHA』で、迷惑メール対策！

ボットによる不正なアクセスや、迷惑メールから守るために『Google reCAPTCHA v3』を設定しておくと、セキュリティ強化ができます。

『Google reCAPTCHA v3』の登録については、以下の記事を参考にしてください。

設定するには、「サイトキー・シークレットキー」を入力します。

に進み、一番下にある『reCAPTCHA』の〔インテグレーションのセットアップ〕をクリックします。

そこで「サイトキー・シークレットキー」を入力し、〔変更を保存〕してください。

その後、下の画面が出れば『設定完了』です。

右下で「バッジ」と「△マーク」の位置が被って、見にくいかも。。。

　無事に完了

今回は【お問い合わせフォーム】の作成、『Google reCAPTCHA v3』の設定ができました。


『Invisible reCaptcha』もセキュリティ面で役立つプラグインですので、導入を検討してみてください。