前回「MW WP Form」を利用したお問合せフォームの作り方を掲載しましたが、それでは作れないタイプのテーマがあることが分かりました。そのため、ここではもう一つの有名なプラグイン「Contact Form 7」を利用したお問合せフォームの作成方法をまとめておきます。

1.「MW WP Form」と「Contact Form 7」の違い

どちらのプラグインも使用してみた結果、どっちが良いと一概には言えないようです。どちらも使用感はほぼ変わりませんでした。細かい違いは省きますが、大きく異なる特徴は以下の点。

MW WP Formで作成したフォームをサイト上で展開するにはフォーム識別子というショートコードのようなものを入力する必要があるのですが、これが固定ページや投稿ページの内容に入力しないと展開されないようです。ググると出来た人が居るような気配があるので、何か方法が有るのかもしれないのですが、私はお手上げでした。

Contact Form 7でもフォームを展開するのにやはりショートコードを入力する必要があるのですが、これは固定ページ・投稿ページの内容の他、テキストウィジェットの内容に入力しても展開されます。テキストウィジェットにショートコードを入力して、テンプレートで呼び出すことで、記事一覧にお問い合わせフォームを表示することが可能です。

Contact Form 7は確認画面を出せないので、残念ですが記事一覧に表示したい際などは是非使ってみてください。

2.「Contact Form 7」のインストールと設定

まずは、「Contact Form 7」をインストールしてください。管理画面の「プラグイン」から検索し、有効にします。

すると、サイドメニューに「お問い合わせ」が追加されますので、その中の「新規追加」をクリックしましょう。これがフォームの作成画面です。既にサンプルが入っているのでそれを使用しても構いません。すべての設定が完了したら保存します。

1.フォームタイトル

作成するフォームにタイトルを付けます。特に表示に影響を与えないので、「お問合せ」など分かりやすいタイトルにしましょう。

2.フォーム部品の作成

フォームタブのところにサンプルコードが入っているので、直ぐに分かると思いますが、ここにフォームのためのコードを入力していきます。inputタグなどのフォーム部品はエディタの各ボタンで挿入出来ます。ボタンを押すとポップアップが開き、そこでidやclassの入力、必須かどうかの設定も可能です。

「タグを挿入」ボタンを押すと、表示の際にinputやtextareaに置き換わるショートコードが挿入されます。余計なタグは入りませんので、自由にマークアップが可能です。

3.送信設定

メールタブでは、ユーザーが送信したお問い合わせ情報を管理者に通知するためのメールの内容や、送信方法を設定できます。

3.メッセージの設定

メッセージタブで、エラー時や送信完了時に表示されるメッセージを設定できます。

3.お問い合わせフォームの表示

上で設定したフォームをサイトに表示させます。

固定ページや投稿ページに表示させる場合は、各ページの内容にフォームのショートコードを入力するだけで完了です。

固定ページでカスタムテンプレートを利用する方法は下記を御覧ください。お問い合わせ用のページを作成できます。
[WordPress]固定ページでカスタムテンプレートを使用する方法 | patapata工房-ブログ-

テキストウィジェットを使って表示する

次にテキストウィジェットを使って表示させる方法です。こちらの方法なら、固定ページや投稿ページを使わずにテンプレートに展開することができますので、お問い合わせフォームを記事一覧などに設置できます。

1.ウィジェットの作成と設定

functions.phpに下記を追加します。サイドバーのウィジェットをそのまま利用しても構いません。

ウィジェットに「お問合せのフォーム」が追加されるので、テキストウィジェットをドラッグ＆ドロップします。追加されたテキストウィジェットの内容に、先程のショートコードを入力します。

2.テンプレートの設定

先程のウィジェットの内容をテンプレートで呼び出します。テンプレートに下記を記述してください。フォームが展開します。

以上です。表示を確認してください。

4.データベースでお問い合わせを管理

Contact Form 7はデフォルトでは、お問い合わせされたデータを設定したメールアドレスに送ってきます。ですが、プラグイン「Contact Form DB」を使うことで、DBに保存して管理することができます。

Contact Form DBは有効化するだけで、使用できます。