WordPressのプラグイン「Contact Form 7」で、私がよく使うけれど忘れてしまうオプション項目をメモとしてまとめておきます。
オプション項目
| フォームサイズに関する指定 | テキストボックス | サイズ(20) | size:20 |
|---|---|---|---|
| テキストエリア | 横サイズ(80) | 80x | |
| 3行 | x3 | ||
| 横サイズ(80)x行数(3) | 80×3 | ||
| *ただし、CSSで制御されている場合は上記サイズを指定しても変わらない事があるため、「width: auto;」「height: auto;」などを併用して指定する。 | |||
| テキストエリア他に関する指定 | 初期値をプレースホルダーにする | placeholder | |
| 最小20文字以上に制限 | minlength:20 | ||
| 最大100文字以下に制限 | maxlength:100 | ||
| セレクト項目に関する指定 | 1行目に空白項目を入れる | include_blank | |
| 複数項目を選択可能 | multiple | ||
| 2つ目の項目をデフォルト選択 | default:2 | ||
| 日付項目に関する指定 | 当日以降 | min:today | |
| 翌日以降 | min:today+1days | ||
| 10日以内 | max:today+10days | ||
| 確認用メールアドレス | メールアドレス項目「your-email」と対応する確認用メールアドレス項目のフィールドネーム | your-email-confirm | |
| その他 | class「item_a」を付与 | class:item_a | |
| id「item_1」を付与 | id:item_1 | ||
*[①フィールドタイプ ②フィールドネーム ③オプション ④項目(初期値)]の順で書く。
例:[select* select-name1 include_blank "項目1" "項目2" "項目3"]
例:[text* text-name1 size:20 class:name placeholder "名前"]
条件分岐を入れる際は、追加プラグインConditional Fields for Contact Form 7を追加。
参考:Contact Form 7公式ドキュメント https://contactform7.com/ja/docs/