cocope24件のWeb制作ヒント集

お問い合わせフォームやアンケートフォームが簡単に作成できるContact Form 7

contact-form-7

PR

WordPressでサイトを構築したりしていると必要になってくるのがお問い合わせフォームです。いらないというお客様も最近では増えてきている感じもしますが……

お問い合わせフォームを簡単に設置して公開したい方にはContact Form 7がおすすめではないでしょうか。

今回はContact Form 7の基本的な設置方法の紹介をしていきたいと思います。

プラグインダウンロード

プラグインのダウンロードはWordPressダッシュボード内のプラグイン新規追加から検索してインストールするかWordPress.org:Contact Form 7よりダウンロードして下さい。

言語選択

プラグインをインストールしたらダッシュボード内の左メニューに「お問い合わせ」という項目が追加されるので「新規追加」をクリックします。

contact-form-7_1

そうすると上記のような言語選択の項目が表示されます。デフォルトは日本語に設定されているので通常は「新規追加」をクリックします。

もし英語などをご希望の場合は下にある「言語を選択」から選ぶことができます。たくさんの言語を選ぶことができます。

コンタクトフォーム名

これからは各項目事の説明に入っていきます。

contact-form-7_2

まずコンタクフォームを追加下にある「無題」のところに今回作成するお問い合わせフォームのタイトルを入力します。

日本語で入力して大丈夫なので何に使うかわかりやすい名前にしましょう。

フォーム内容

続いてお問い合わせフォームにのせる内容をまとめていきます。

contact-form-7_3

デフォルトの状態で準備はされていますがオリジナルのお問い合わせフォームにしたい場合は右の「タグの作成」から項目を追加していきます。

タグの種類に関しては「WordPressプラグインContact Form 7のタグの種類と使い方について」にまとめてありますので参考にしてみてください。

タグを追加した場合「このコードをコピーして、左のフォーム内にペーストしてください。」で吐き出されるコードを左のフォーム部分にコピペします。

続いてその項目を受け取る場合は「それから、このコードを下のメールの項目中に置いてください。」で吐き出されるコードを次にあるメール項目の「メッセージ本文」など必要なところにコピペします。

送信内容

続いてメールの項目の使い方です。こちらはメールを受け取る側の設定になりますので送られてわかるような内容を組み立ててください。

contact-form-7_4

各項目の説明をしていきます。

  • 宛先
    メールの送り先を決めます。デフォルトではWordPressをインストールした時のメールアドレスが入ります。
  • 差出人
    差出人の表示をする時に設定をします。入力していない場合WordPressという表記がされてしまいます。
  • 件名
    メールの件名欄に表示する文言です。送られてきてわかる件名を入力してください。
  • 追加ヘッダー
    CcやBccなどの設定をすることができます。1行ごとに1項目入力してください。
  • ファイル添付
    ファイルのアップロードを利用される場合は吐出されたショートコードをこちらにコピペしてください。
  • メッセージ本文
    メッセージ欄に表示させたい内容を入力します。上記で入力してもらった内容をまとめます。タグを作成した際に吐き出されたショートコードをコピペしてください。
  • HTML形式のメールを使用
    HTML形式でメールが送信されます。
  • 空のメールタグを含む行を出力から除外する
    入力がなかったタグの表を非表示にしてくれます。

他に送信内容を送る

contact-form-7_5

先ほどの送信内容の項目と同じです。複数の人間にメールの内容を送りたい時とかに使います。

この項目を使うと自動返信メールとしても使えるので設定しておくと便利な場合があります。

送信メッセージ

contact-form-7_6

この項目はあまり会える必要もないかと思いますが、送信完了メッセージや、エラーメッセージが書かれています。

修正もできますので各項目に似合った言葉を記入してください。

その他の設定

contact-form-7_7

以上の設定が完了したら一番上にあるフォーム名を入力したところの右側に「保存」があるのでそちらをクリックして完了です。

特別なメールタグ

Contact Form 7には他にも特別なタグとして様々な機能が用意されています。

_remote_ip
送信者のIPアドレスで置換されます。
_user_agent
送信者のユーザーエージェント情報で置換されます。
_url
コンタクトフォームのURLで置換されます。
_date
送信された日付で置換されます。
_time
送信された時刻で置換されます。
_post_id
コンタクトフォームを含んだ投稿のIDで置換されます。
_post_name
コンタクトフォームを含んだ投稿の名前(スラッグ)で置換されます。
_post_title
コンタクトフォームを含んだ投稿のタイトルで置換されます。
_post_url
コンタクトフォームを含んだ投稿のパーマリンクで置換されます。
_post_author
コンタクトフォームを含んだ投稿の作成者の名前で置換されます。
_post_author_email
コンタクトフォームを含んだ投稿の作成者のメールアドレスで置換されます。

場合によってはどのような環境でメールが送られて来るのか、どのページからやってきたのかなどを調べたりすることもできます。

制作の案件によっては組み込んだほうが良い場合もあるのでテストしておいても損はないかと思います。

その他お問い合わせフォームプラグイン

最後にContact Form 7以外にも日本国内でよく使われているお問い合わせフォームプラグインをいくつか残しておきます。

制作案件によっても他のプラグインのほうが都合が良かったりするので覚えておいて損はないかと思います。

上記の2つのプラグインが比較的人気ではないでしょうか?使い方に関してはまたこんどまとめていきたいと思います。

PR

関連する記事

週間ランキング

  1. SEO対策に最適な定番プラグインAll in One SEO PackSEO対策に最適な定番プラグインAll in One SEO Pack
  2. ソースコードをキレイに表示したいならSyntax Highlighter for WordPressソースコードをキレイに表示したいならSyntax Highlighter for WordPress
  3. 背景全体にYoutube動画を配置したいならTubular背景全体にYoutube動画を配置したいならTubular

今回の記事の情報

Zenback