申し訳ございません。
このサイトはお使いのブラウザに対応しておりません。
別のブラウザをご利用ください。

blog

home blog WordPressプラグイン、Contact Form 7 の導入と設定

WordPressプラグイン、Contact Form 7 の導入と設定

WordPressのプラグイン「Contact Form 7」についての設定などを備忘録として書き留めておきます。

目次

  1. プラグインのインストール
  2. 基本設定
  3. 自動返信設定
    1. 前半の「メール」設定
    2. 後半の「メール(2)」設定
  4. reCAPTCHA設定
    1. reCAPTCHAの導入
    2. 読み込みページの限定
  5. まとめ

プラグインのインストール

1、管理画面メニューの[プラグイン]→[新規追加]。

2、プラグインの検索窓に「Contact Form 7」を入力。

3、[今すぐインストール]し、[有効化]。

基本設定

1、管理画面メニューに[お問い合わせ]項目が追加されているので[お問い合わせ]→[コンタクトフォーム]へ。

2、[コンタクトフォーム1]を編集。

3、[フォーム]項目を好みの仕様に書き換える。

4、ショートコードをコピーし、固定ページなどに貼りつける。

自動返信設定

コンタクトフォーム1の[メール]項目を編集します。

前半の「メール」設定

これは問い合わせがあったことを自分に知らせるための設定です。

  • 送信先:通知を送りたい自分のアドレス
  • 送信元、題名、追加ヘッダー、メッセージ本文:デフォルトでOK

後半の「メール(2)」設定

これは問い合わせた人への自動返信設定です。

[メール(2)を使用]にチェックを入れます。

  • 送信先:デフォルトでOK
  • 送信元:自分のアドレス。デフォルトでOK
  • 題名:「お問い合わせありがとうございます」など。
  • 追加ヘッダー:相手側に「返信先」として別のアドレスを表示させたい場合はそのアドレスを記載。上記送信元で問題なければ空白でOK。
  • メッセージ本文:よしなに書き換えてください。以下は例です。

この度はお問い合わせいただき、ありがとうございます。

内容を確認の上ご連絡致しますので、今しばらくお待ちくださいますようお願い申し上げます。

返信に数日お時間を頂く場合がございます。ご了承くださいませ。

━━━━━━━━━━━━━━━━━━━━━
以下の内容でメールを受け付けました。
━━━━━━━━━━━━━━━━━━━━━
■ お名前:[your-name]
■ メールアドレス:[your-email]
■ 件名:[your-subject]
■ お問い合わせ内容

[your-message]


[your-name]様

このメールは [_site_title] ([_site_url]) のお問い合わせフォームから送信されました。


最後に、保存を忘れずに。

reCAPTCHA設定

スパムなどによる不正フォーム送信を防ぐために、reCAPTCHAの設定をします。

reCAPTCHAの導入

1、Google reCAPTCHAに登録。

2、[設定]→自分のサイトのドメインを追加する。

3、[reCAPTCHAのキー]をクリックすると、サイトキーとシークレットキーが表示されるので、この画面を一旦開いたままにしておく。

4、WordPress管理画面メニューの[お問い合わせ]→[インテグレーション]へ。

5、reCAPTCHAの[インテグレーションのセットアップ]をクリックし、先ほどのサイトキーとシークレットキーを入力して変更を保存。

読み込みページの限定

デフォルトではreCAPTCHAが全ページに読み込まれるので、マークが文章と被って見にくい、ページの表示速度が遅くなる、といった可能性があります。

なので、お問い合わせページ以外ではreCAPTCHAを読み込ませないように設定します。

以下をfunction.phpをに追記します。

※バックアップをとるなどし、編集は自己責任でお願い致します。

add_action('wp_enqueue_scripts', function(){
  if(is_page('contact')) return;
  wp_deregister_script('google-recaptcha');
}, 100, 0);

まとめ

いかがでしたか?

Contact Form 7を使えば、自動返信メールの設定もできるのでとても便利です。

メールの設定をした後は、正常に動くかどうかテストしておきましょう。

最後までご覧いただきありがとうございました。