お問い合わせを受け付けるための簡単なメールフォームのページの作成について解説します。メールフォームの作成はWordPressの「Contact Form 7」というプラグインをインストールします。
「Contact Form 7」をインストールする
左メニューから『プラグイン→新規追加』の画面に行き、右上の「プラグインの検索」ボックスに「Contact Form 7」と入力すると、候補のプラグインがいくつか出てきますので、Contact Formを選んで「今すぐインストール」をクリックします。
インストール後、「有効化」の青いボタンに変化するので、クリックすると、『プラグイン』の画面へ移動します。プラグインが有効化されているものは左に水色のバーがついています。
コンタクトフォームを新規追加
「Contact Form 7」が有効化され、左メニューに『お問い合わせ』が追加されています。メールフォームを作るには「新規追加」をクリックします。
一番上に任意のタイトルを入れます。
タイトルの下に「このショートコードをコピーして、投稿、固定ページ、またはテキストウィジェットの内容にペーストしてください」とありますが、こちらはメールフォームをすべて設定して保存してから使用します。
フォーム
フォームのボックス内にはメールフォームに表示される内容が記されています。「お名前 (必須)」「メールアドレス (必須)」「題名」「メッセージ本文」という文字や「[submit “送信”]」の送信ボタンのコードなどです。コード以外の文字はお好きなものに編集できます。
メール
メールにはメールフォームから送信された内容のテンプレートが表示されています。 コード以外の文字を任意のものに編集できます。
送信先:問い合わせフォームから送信された内容を受信するメールアドレスです。左メニューの『ユーザー→あなたのプロフィール』で設定したメールアドレスが表示されます。任意のものに変更できます。
「空のメールタグを含む行を出力から除外する」、「HTML 形式のメールを使用する」という項目があるので、設定する場合はチェックを入れます。
メッセージ
メッセージが正常に送信された、失敗した、入力内容の不備などの時にそれぞれ使用されるメッセージです。お好きな文章に編集できます。
その他の設定
カスタマイズをするためのコードを追加します。今回は初期設定をそのまま使用しますが、カスタマイズする場合はこちらのページに詳しく解説されています。
複製と保存
最後に『保存』します。『複製』をクリックすると、同じ内容のメールフォームが作られます。
ショートコードをコピー
保存後、ショートコードをコピーしておきます。
固定ページにメールフォームを作成
左メニューから『固定ページ→新規追加』で、タイトルを「お問い合わせ」と設定、パーマリンク、本文のボックスにメールフォームに表示したいメッセージを記入し、先ほどコピーしたショートコードをペーストしてページを公開します。
お問い合わせページが作成され、メニューにも表示されています。
こちらのページでメニューに固定ページを自動的に追加する方法を解説しています。
まとめ
メールフォーム作成の流れとしては、「Contact Form 7」プラグインをインストール→コンタクトフォームを作成→ショートコードを新規ページにコピー→公開して完成となります。
このように、WordPressでは「Contact Form 7」というプラグインをインストールするだけで、簡単なメールフォームをすぐにサイト内に設定する事ができます。ぜひ作ってみてくださいね。