Contact Form 7の設定と使い方:コンタクトフォームの設置

Contact Form 7の設定と使い方

Contact Form 7は、「コンタクトフォーム(お問い合わせ)」を設置するためのプラグインです。

固定ページにショートコードを挿入するだけなので、簡単にコンタクトフォームを設置できます。

設定と使い方

任意の固定ページを作成してからコンタクトフォームを追加して下さい(WordPressの自動インストール機能を使えば最初から「お問い合わせ」ページが作成されています)。

また、固定ページのパーマリンクは「contact」等に変更しておくことをおすすめします。

WordPressのパーマリンク設定と途中で変更する時の注意点

WordPressのパーマリンク設定とおすすめの構成

2018.06.19

ブロックエディター

固定ページの編集画面から、「Contact Form 7」のブロックを追加します。

「Contact Form 7」のブロックを追加

「Contact Form 7」のブロックを追加

クラシックエディター

管理画面の「お問い合わせ」から、コンタクトフォームのショートコードをコピーします。

コンタクトフォームのショートコードをコピー

コンタクトフォームのショートコードをコピー

固定ページに「Contact Form 7」のショートコードを貼り付けます。

「Contact Form 7」のショートコードを貼り付ける

「Contact Form 7」のショートコードを貼り付ける

コンタクトフォームの編集

コンタクトフォームの編集は、管理画面の「お問い合わせ」から行って下さい。

コンタクトフォームの編集

コンタクトフォームの編集

フォーム

コンタクトフォームに表示させる項目を編集することができます。

初期設定でも問題なく機能しますが、迷惑メールの対策をしたい時は、編集画面のフォームから、送信手前に「チェックボックス」を追加します。

コンタクトフォームに「チェックボックス」を追加

コンタクトフォームに「チェックボックス」を追加

項目タイプの「必須項目」にチェックを入れ、表示させるテキストを「オプション」に入力します。

チェックボックスの編集

チェックボックスの編集

これでチェックボックスにチェックを入れないとメールを送信できなくなります。

お問い合わせフォームにチェックボックスが追加される

お問い合わせフォームにチェックボックスが追加される

他にも、「電話番号」の入力項目を追加したり、「承認確認」ボタンを設置することもでるので、必要に応じてカスタマイズして下さい(一般的なブログなら初期設定で十分)。

メール

コンタクトフォームで送信されるメールのテンプレートを編集することができます。

初期設定では、コンタクトフォームで送信されたメールは、「管理者メールアドレス」に届きます。

管理者メールアドレス

管理者メールアドレス

受信するメールアドレスを変更したい時は、編集画面のメールから「送信先」を変更して下さい。

コンタクトフォームの「送信先」を変更

コンタクトフォームの「送信先」を変更

また、ページ下部の「メール(2)」にチェックを入れると、自動返信メールも設定できます。

自動返信メールの設定

自動返信メールの設定

初期設定のままでも機能しますが、変更したい項目があれば編集して下さい。

送信先 自動返信を送るメールアドレス([your-email]はコンタクトフォームで入力されたメールアドレスが使用される)。
送信元 メールの「差出人」として表示される([_site_title]はサイトのタイトルが使用される)。
題名 メールの「タイトル」として表示される([your-subject]はコンタクトフォームで入力された題名が使用される)。
追加ヘッダー 自動返信に返信する際のメールアドレス([_site_admin_email]は管理者メールアドレスが使用される)。
メッセージ本文 自動返信で送信されるメッセージ本文。

メッセージ

コンタクトフォームの「送信」をクリックした時に表示されるメッセージを編集できます。

メールが送信された時のメッセージ変更

メールが送信された時のメッセージ変更

メッセージを変更したい場合のみ編集して下さい。

最後に

固定ページにコンタクトフォームを設置するだけで機能するプラグインです。

但し、初期設定では迷惑メールも届くので、「チェックボックス」だけは追加しておくことをおすすめします(reCAPTCHAを使う方法もありますが、チェックボックスだけでも十分な効果がある)。

また、コンタクトフォームを編集した後は、メールが問題なく送信されるか必ずテストして下さい。

スポンサーリンク
スポンサーリンク