WordPressに関する情報や技術紹介です

Contact Form 7 (日本語)

Contact Form 7 (日本語)がとても使い易いです。

複雑な事は出来ませんが、普通にメールフォームを作成するには充分過ぎる機能を持っています。

  • 「タグの作成」機能により簡単にタグが自動生成される
  • 「テキスト項目」「メール項目」等に必須項目のチェック機能がある
  • 「承認確認」のチェックボックスがある(「個人情報の取り扱いに同意」等の承認に利用)
  • メールの送信設定が二つあるので自分用と返信用で設定できる

上記の機能が簡単に設定できるのでとても優秀だと思います。
使用方法、プラグインのダウンロードは下記URLから。

http://ideasilo.wordpress.com/2007/10/22/contact-form-7-in-japanese/

Contact Form7 設定例

下記は実際に当サイトで設定したフォーム内容(2008-05-16)

<p>
システムに関する事、ホームページ制作に関するアドバイスやソフトウェアについてのご質問など、お気軽にお問い合わせください。
</p>
<p><span class="smallcaution">※</span>は必須項目です。</p>
<table class="faq" summary="お問い合わせ" border="0" cellpadding="0" cellspacing="3">
<tbody>
<tr><th>お名前<span class="smallcaution">※</span></th><td></td></tr>
<tr><th>メールアドレス<span class="smallcaution">※</span></th><td>[email* mail id:id-mail]</td></tr>
<tr><th>郵便番号</th><td></td></tr>
<tr><th>ご住所</th><td></td></tr>
<tr><th>電話番号</th><td></td></tr>
<tr><th>お問い合わせ項目</th><td>[select title id:id-title "システム開発について" "ホームページ制作について" "ソフトウェア開発について" "その他"]</td></tr>
<tr><th>お問い合わせ内容<span class="smallcaution">※</span></th><td>[textarea* message 40x8 id:id-message]</td></tr>
</tbody>
</table>
<p>■ 個人情報の取り扱いについて</p>
<div style="width: 550px; height: 200px; overflow: scroll; border: 1px solid #e0e0e0;">
省略
</div>
<p><label for="id-accept">[acceptance accept id:id-accept] 個人情報の取り扱いについて上記内容に同意する</label><br /></p>
[submit "送信"]

スタイルシートは省略。
実際の設置URL : http://www.is-p.cc/contact

タグ
,
トラックバックURL

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

ページTOPに戻る