minlengthやmaxlengthをつけたのに反映されないのはなぜ？

テーマやブラウザ、JavaScriptの影響で無効化されている場合があります。特にスマホでの動作には注意が必要です。

タグを手動で編集するとフォームが崩れるのはなぜ？

属性の順番や記法ミス（スペース漏れ、コロンの位置など）が原因です。表示されない場合は構文ミスを疑いましょう。

クラスをCSSで定義することで、入力欄の背景色・ボーダー・フォントサイズなど自由に変更できます。複数のclass指定も可能です。

Contact Form 7でフォームを作成する際、「テキスト入力欄の設定って、どこまでカスタマイズできるの？」と疑問に思ったことはありませんか？

フォームの見た目や入力ルールを細かく調整することで、ユーザーが使いやすいフォームを作ることができます。
この記事では、テキスト入力欄のカスタマイズ方法について、フォームタグ生成ダイアログの使い方から、手動でのタグ編集までわかりやすく解説します。

項目タイプの「必須入力の項目」にチェックを入れると、入力必須のフィールドになります。
タグでは text* のようにアスタリスクがつきます。
未入力のまま送信しようとするとエラーメッセージが表示されます。
チェックしない場合は任意入力になります。

入力された値を識別するための名前です。
送信メールや保存データでも使用されるため、分かりやすい英数字を指定しましょう。

class:◯◯ の形式で、スタイルシート（CSS）でデザインを変更したいときに使います。
複数のクラス名をスペース区切りで設定することも可能です。

それぞれ minlength:5 や maxlength:10 のように設定します。
たとえば、郵便番号のように長さを制限したい場合に便利です。

デフォルト値を入力しておくと、フォーム表示時にその値が自動的に入力されている状態になります。
一方、「このテキストをプレースホルダーとして使用する」にチェックを入れると、入力前に薄く表示される案内文として表示されます。

テキスト入力欄の横幅は size:20 のようにタグを手動で編集することで指定できます。
size属性は「何文字分の幅に見えるか」を設定するもので、ピクセル単位ではありません。

用途	タグ例
通常の入力欄（必須ではない）	`[text text-sample-1 class:text-sample]`
プレースホルダーあり（必須）	`[text* text-sample-2 class:text-sample placeholder "例：お名前"]`
デフォルト値あり（必須）	`[text* text-sample-3 class:text-sample "山田太郎"]`
最小5文字・最大10文字制限あり（必須）	`[text* text-sample-4 class:text-sample minlength:5 maxlength:10 placeholder]`
サイズを指定（必須）	`[text* text-sample-5 class:text-sample size:10 placeholder]`