« prev. next » entry

柔軟なコンタクトフォームを提供する「Contact Form 7」

date: 2007/06/02 16:35:17

コンタクトフォーム(問い合わせメールフォーム)を設置しようと色々調べていて,最初はContact Form ][を導入しようと思っていたのですが,ひとつだけしか設置できなかったり文字化けしたりと,気になる点もありました.
そんな中見つけたのがContact Form 7です.

Contact Form 7 はシンプルかつ柔軟なコンタクトフォームを提供する WordPress プラグインです。WordPress には他にもたくさんのコンタクトフォームプラグインがあるので、だいたい7番目あたりということで Contact Form 7 と名付けられました。

Contact Form 7 « iDeasilo

と,作者ご本人が書かれている通り,コンタクトフォームを設置するプラグインはいくつもあります.そんな中でも「Contact Form 7」は,欲しい機能が不具合なく動くので一番オススメです.

特徴

  • 複数のコンタクトフォームを作成,設置できる(!)
  • フォームのパーツを独自タグで記述し,自由にレイアウトできる.
  • 必須項目と空欄でもいい項目の選択が簡単にできる.

気になる点

  • フォームを囲うDIVタグが,WPによって挿入されるPタグで囲まれてしまう(気にしなければ問題ないです)
  • 送信の成功・失敗を表示する文言のスタイルシートがプラグインのPHPに直書きされている(738行目)
  • 記事やページの投稿内容の中にしか挿入できない(例えばauthorアーカイブなどのテンプレートに挿入できれば,複数ユーザーのいるブログではそれぞれのコンタクトフォームを設置できる)

設定例

実際に設置したもの

<p><label for="your-name" class="entry_author">name: (required)</label><br />
[text* your-name "name" 30/ id:your-name]</p>

<p><label for="your-email" class="entry_email">email: (required)</label><br />
[email* your-email "email" 30/ id:your-email]</p>

<p><label for="your-subject" class="entry_url">subject:</label><br />
[text your-subject "subject" 30/ id:your-subject]</p>

<p><label for="your-message" class="entry_comment">message: (required)</label><br />
[textarea* your-message "message" 50x10 id:your-message]</p>

<p>[submit "submit message"]</p>

no responses

there are no comments

respond