Contact Form 7 (日本語)

(このページの日本語版です)

概要

Contact Form 7 はシンプルかつ柔軟なコンタクトフォームを提供する WordPress プラグインです。

• 複数のコンタクトフォームを管理できます。
• フォームとメールの内容を簡単なマークアップでカスタマイズできます。
• jQuery Form Plugin による AJAX の動的送信が可能。
• Akismet によるスパムフィルタリングをサポート。
• CAPTCHA によるボット防止をサポート。

WordPress 2.2 2.5 以降に対応。

ダウンロードとインストール

WordPress.org のプラグインディレクトリ から最新版をダウンロードしてください。

1. contact-form-7 フォルダを /wp-content/plugins/ ディレクトリに丸ごとコピーします
2. WordPress の ‘プラグイン’ メニューでプラグインの有効化を行います

使い方

1. [オプション] – [Contact Form 7] [管理] – [Contact Form 7] を開く。

   Update: WordPress 2.7 以降でお使いの場合は [ツール] – [Contact Form 7] にあります。

2. デフォルトの “Contact form 1″ を編集するか新規のコンタクトフォームを追加して編集後それを保存する。
3. [contact-form ...] のコードをコピーして、コンタクトフォームを表示させたい投稿の本文にそれをペーストする。

FAQ

Contact Form 7 FAQ (日本語) を参照してください。

フォームとメールのカスタマイズ

Contact Form 7 では「タグ」をさまざまなフィールドで使用します。タグというのは角カッコ [] で囲まれた定まった形式の文字列のことです。

フォームの内容の中で使われるタグは <input> や <textarea> などのフォーム要素に置換されます。

メールのテンプレートの中で使われるタグは、タグと同じ name を持つフォーム要素のユーザ入力値に置換されます。

上の図を例に説明すると、フォームの内容に挿入された [textarea your-message ...] というタグは name="your-message" の属性を備えた <textarea> 要素で置換されます。

訪問者がこのフォームに入力して送信すると、Contact Form 7 はメールのテンプレートをもとにメールの生成を行います。メールのメッセージ本文に [your-message] タグが使われているので、このタグの部分がユーザの入力したメッセージによって置換されます。

フォームの内容で使えるタグ

フォームの内容では以下の種類のタグが使えます。

タイプ	置き換わる HTML	入力値の検証
text	<input type="text" />	どんなテキストでも可
text*	<input type="text" />	どんなテキストでも可 / 必須入力
email	<input type="text" />	メールアドレス
email*	<input type="text" />	メールアドレス / 必須入力
textarea	<textarea> </textarea>	どんなテキストでも可
textarea*	<textarea> </textarea>	どんなテキストでも可 / 必須入力
select	<select> </select>	–
select+	<select> </select>	–
checkbox	<input type="checkbox" /> ...	–
checkbox+	<input type="checkbox" /> ...	–
radio	<input type="radio" /> ...	–
captchac	<img />	CAPTCHA How to use CAPTCHA 参照
captchar	<input type="text" />
submit	<input type="submit" />	–

タグの構文はそんなに簡単ではありませんが、フォーム テキストエリアの下にある タグを作成 メニューで構文を知らなくてもタグを作成することができます。

いくつかタグの使用例を紹介します。

• [text your-name 40/100 "John Smith"]

  This tag is replaced with:
  <input type="text" name="your-name" size="40" maxlength="100" value="John Smith" />

• [email* your-email 60/ id:email]

  <input type="text" name="your-email" id="email" size="60" />

• [textarea your-message 80x15 "Write message here."]

  <textarea name="your-message" cols="80" rows="15">Write message here.</textarea>


• [select your-country "China" "India" "other"]

  <select name="your-country">
    <option value="China">China</option>
    <option value="India">India</option>
    <option value="other">other</option>
  </select>

Contact Form 7 で Akismet を使うには

1. Akismet プラグイン が必要です。もしまだ有効化していないなら、まずはじめにそれを有効化します。
2. Contact Form 7 の管理ページを開き、フォーム の項目を以下の要領で編集します:

• 送信者の名前の入力を要求する項目のタグに akismet:author オプションを追加する。
  例: [text* your-name akismet:author]
• 送信者のメールアドレスの入力を要求する項目のタグに akismet:author_email オプションを追加する。
  例: [email* your-email akismet:author_email]
• 送信者の URL の入力を要求する項目のタグに akismet:author_url オプションを追加する。
  例: [text your-url akismet:author_url]

Akismet プラグインが有効化されていて、かつ少なくとも1つの akismet: オプションが使われていれば、Contact Form 7 は送信者の入力内容すべてとそのほか入力行動に関係した情報を Akismet のサーバに送ります。Akismet はそれを見てスパムの疑いがあるか判断します。

Akismet がスパムと判断すると、Contact Form 7 はメールの送信を中止し、オレンジ色のボーダーラインがついた応答メッセージ(下の画像のうちの3番目)を画面に表示します。

スパムフィルタリングが正しく機能しているか確かめたい場合は、送信者の名前の項目に “viagra-test-123″ と入力してみてください。これはかならずスパムと判断されるはずです。

Changelog

0.9 (2007/04/30)

最初のリリース。

1.0 (2007/05/20)

タグ作成ツール導入。

1.1 (2007/08/02)

ディレクトリとファイルの再構成。

1.2 (2007/08/16)

jQuery Form Plugin を導入。

1.3 (2007/08/26)

[select] タグを導入。

1.3.1 (2007/08/26)

JavaScript のローディングに関する重大なバグを修正。

1.3.2 (2007/09/03)

jQuery まわりのバグを修正。

1.4 (2007/09/07)

Akismet スパムフィルタの導入。

1.4.1 (2007/09/11)

スペイン語とカタルーニャ語の言語ファイルを追加。

1.4.2 (2007/09/13)

ドイツ語の言語ファイルを追加。

1.4.3 (2007/09/15)

ポーランド語の言語ファイルを追加。

1.4.4 (2007/09/17)

フランス語の言語ファイルを追加。

1.5 (2007/10/07)

CAPTCHA を導入。

1.6 (2007/10/17)

メール (2) と管理ページのインタフェイス改善。

1.6.1 (2007/10/27)

サイドバーウィジェットをサポート。

1.7 (2007/11/27)

[select+]、[checkbox]、[checkbox+]、[radio] タグを導入。

1.7.1 (2007/12/06)

グローバルな wpcf7 変数。ポーランド語言語ファイルのアップデート。

1.7.2 (2007/12/13)

バグフィックスとチェコ語言語ファイルの追加。

1.7.3 (2007/12/23)

default: と label-first オプションの新規追加。

1.7.4 (2007/12/30)

select+ と checkbox+ タグタイプを廃止。multiple と exclusive オプションを追加。

1.7.5 (2008/01/26)

二つの修正と include_blank オプション。

1.7.6 (2008/03/02)

acceptance タグを追加。

---

Possibly related posts: (automatically generated)

• Marco van Basten
• Mou Ikkai!