WordPressプラグインのContact Form 7でメールフォーム設置

メールフォームは、テキストエディタ(またはメモ帳)によるHTMLタグの手打ちやホームページビルダーによるホームページ作成が主流だった頃のウェブサイトとadiaryの時代に使っていたが、現在のWordPressになってからは設置していなかった(特に意味はない)。

※ホームページビルダーは、その当時は日本IBMが開発・販売、現在はジャストシステムが開発・販売、新製品が頻繁にリリースされていて、バージョンもいつの間にか20になっていた

その時は、レンタルサーバーにPerlプログラムで作られたcgiファイルを設置し、ウェブサイトの方にはHTMLタグでメールフォームを作成して使っていた

※KENTさんの「Post Mail」などを利用

しかし、WordPressでは、cgiファイルを編集してからサーバーにアップロードし、属性(パーミッション)変更の作業をしなくても、Contact Form 7というプラグインを導入すれば、メールフォームが簡単に設置できる。

早速、Contact Form 7を導入してメールフォームを追加することにした。

関連記事:WordPressにプラグインをインストールして制作環境を整える

Contact Form 7

インストール

プラグイン】>【新規追加】と辿りながらクリックする

プラグインの検索

Contact Form 7】と入力する

今すぐインストール】をクリックする

有効化】をクリックする

プラグイン

プラグインを有効化しました。

設定

プラグイン

Contact Form 7

設定】をクリックする

ショートコード

contact-form-7 id=”nnnn” title=”コンタクトフォーム”】をクリックする

右クリックして、【コピー】をクリックする

設置

固定ページ】>【新規追加】と辿りながらクリックする

投稿の編集

テキスト】タブをクリックする

編集画面

右クリックして、【貼り付け】をクリックする

更新】をクリックする

サンプル

お名前 (必須)

メールアドレス (必須)

題名

メッセージ本文

(イメージ)

※メールフォームに記入して送信後、「ありがとうございます。メッセージは送信されました。」と表示されて、送信先に指定したアドレスにメールが届いていれば正常動作している

オプション (承諾確認)

お問い合わせ】>【コンタクトフォーム】と辿りながらクリックする

タイトル

カーソルを【コンタクトフォーム】の上に合わせる

編集】をクリックする

フォーム】タブをクリックする

承諾確認】をクリックする

フォームタグ生成: 承諾確認

[acceptance acceptance-nn]】をクリックする

右クリックして、【コピー】をクリックする

×】をクリックする

フォーム(編集画面)

メッセージ本文 の次の行

右クリックして、【貼り付け】をクリックする

<label> この内容でよろしければ、チェックを入れて送信してください。
[acceptance acceptance-nn] </label>

※例えば、上記のように文章を作成する

保存】をクリックする

オプション (自動メール)

お問い合わせ】>【コンタクトフォーム】と辿りながらクリックする

タイトル

カーソルを【コンタクトフォーム】の上に合わせる

編集】をクリックする

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

メール】タブをクリックする

メール

題名

○○○○○ “[your-subject]”】に変更する

■【メール (2) を使用】にチェックする

送信元

○○○○○ <メールアドレス>】と入力する

題名

メール送信ありがとうございます】と入力する

※【お問い合わせありがとうございます】など

追加ヘッダー

Reply-To: メールアドレス】を削除する

※送信元のメールアドレスに返信する場合

※別のメールアドレスに返信するときは、【メールアドレス】を変更する

保存】をクリックする

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

このショートコードをコピーして、投稿、固定ページ、またはテキストウィジェットの内容にペーストしてください:

contact-form-7 id=”nnnn” title=”コンタクトフォーム”】をクリックする

右クリックして、【コピー】をクリックする

オプション (メール送信先変更)

設定】>【一般】と辿りながらクリックする

メールアドレス

メールアドレス】を変更する

変更を保存】をクリックする

メールフォームを【新規追加】する前に変更を終えておくこと

※メールタブに表示されている【送信先】やユーザーで登録されている【メールアドレス】を変更しても、送信先は変更されない