簡単！「Contact Form7」でフォームとお問い合わせページを作る

ウェブサイトやブログにお問い合わせフォームを設置したいいう方、
WordPressのウェブサイトやブログであれば、プラグインを使うことで簡単にフォームを作ることができます。

私のブログのお問い合わせフォームもWordPressのプラグイン「Contact Form7」で作ったものです。
プラグインのインストールから、お問い合わせフォーム設置までの手順をやさしく解説いたします。

プラグイン「Contact Form7」をインストール＆有効化する

ワードプレスにログイン後、左のメニュー「プラグイン」　＞　「新規追加」を選択して、「プラグインを追加」ページに移動します。

そのページの右上付近にある検索入力フォームに「Contact Form7」と入力し、検索することで、「Contact Form7」のプラグインが表示されます。（下の画像を参考にしてください）

「Contact Form7」をインストール＆有効化

「Contact Form7」プラグインの「今すぐインストール」ボタンをクリックすることで、プラグインがインストールされます。
さらに、「有効化」ボタンをクリックして有効化しましょう。

「Contact Form7」を有効化することで、ワードプレス管理画面の左メニューに「お問い合わせ」メニューが追加されます。
そのメニュー「お問い合わせメニュー」　＞　「コンタクトフォーム」を選択します。

すると、コンタクトフォームがすでに１つ用意されていますので、選択（クリック）します。
クリックすると、下の画像にあるようなフォームの編集画面に移動します。

※赤字で書かれているのは、これからする作業についての補足です。

次に、フォームを送信された後、サイト管理者へ通知メールが送られてくるように設定しておきます。

コンタクトフォームの編集画面のタブから「メール」タブをクリックします。（下の画像参照）

「メール」タブをクリックすると、下の画像のような画面になります。

そして、主に赤枠で囲われた箇所を、編集していきます。

フォームが送信されたら管理者へ通知メールが送信されます。
その通知メールの送信先のメールアドレスを入力します。

管理者への通知メールの送信元のメールアドレスを入力します。
※Gmailなどのフリーメールを利用すると、偽装メール扱いになるため、送信元は、必ず「○○○@サイトドメイン名」である必要があります。

管理者への通知メールのタイトルを設定します。
[your-subject]を入れることで、フォームの送信時に入力された題名が反映されます。

お問い合わせ先のメールアドレスを知らせてくれます。

管理者への通知メールの内容を設定します。

次に、フォームを設置するお問い合わせページを作るのですが、その前に、フォームのショートコードをコピーしておきます。

下の画像に示されている、ショートコードを選択してコピーしておいてください。

次の工程で説明しますが、コピーしたショートコードは、お問い合わせページ（フォームを設置するページ）の編集画面で貼り付けます（ペーストします）。

次に、フォームを設置するお問い合わせページを作ります。
ワードプレス管理画面の左メニュー「固定ページ」　＞「新規追加」を選択します。

「お問い合わせ」など、適切にタイトルを入力します。
本文を入力するエリアに、先ほどのフォームのショートコードを貼り付けます。

編集画面はビジュアルモードでもテキストモードでも、どちらでも大丈夫です。
「プレビュー」ボタンを押して、問題なく表示されていれば、OKですので公開しましょう。

フォームのページを公開したら、実際に自分自身でフォームに入力して、テスト送信してみましょう。
そのとき入力するメールアドレスは、あなたが使っているメールアドレスにするように注意しましょう。
他には、実際に届いたメール（通知メールと自動送信メール）の内容も一緒に確認するといいですよ。

いかがだったでしょうか。
フォームを作るのも、プラグインを利用したら、すごく簡単にできちゃいます。
ここで、「Contactform7」でフォームとお問い合わせページを作る手順を復習します。

「Contact Form7」は、たくさんの方が利用しているプラグインです。
ぜひ、試してみてくださいね！