WordPress

【Contact Form 7】「電話番号」のカスタマイズの方法

スポンサーリンク

フォームタグ生成ダイアログ

  • 「項目タイプ」の「必須項目」のチェックボックスは、テキストが必須の場合にチェックをします。
  • 「名前」は、入力項目を識別する名前を設定します。
  • 「デフォルト値」は、デフォルト値を設定します。また、「このテキストを項目のプレースホルダーとして使用する」のチェックボックスは、チェックをつけると設定した値がプレースホルダーの値として表示されます。
  • 「ID属性」は、input要素のid属性に設定する値を設定します。
  • 「クラス属性」は、input要素のclass属性に設定する値を設定します。

フォームタグ生成ダイアログで設定できない設定

最小文字数の設定

minlength:(num)で、最小文字数の設定ができます。

最大文字数の設定

maxlength:(num)で、最大文字数の設定ができます。

サイズの設定

size:(num)で、inputタグのsize属性に設定するサイズを設定することができます。

上記の設定は、タグの名前と値の間に埋め込みます。(埋め込む場所を間違えると表示されません。)
次のフォームタグ例を参考にしてみてください。

フォームタグ例

電話番号サンプル
[tel tel-sample-1 class:tel-sample]

プレースホルダーあり(必須)
[tel* tel-sample-2 class:tel-sample placeholder "03-123-4567"]

デフォルト値あり(必須)
[tel* tel-sample-3 class:tel-sample "03-123-4567"]

最小(10)・最大(15)文字数の設定あり(必須)
[tel* tel-sample-4 class:tel-sample minlength:10 maxlength:15 placeholder "03-123-4567"]

サイズの設定あり(必須)
[tel* tel-sample-5 class:tel-sample size:15 placeholder "03-123-4567"]

表示例

    電話番号サンプル

    プレースホルダーあり(必須)

    デフォルト値あり(必須)

    最小(10)・最大(15)文字数の設定あり(必須)

    サイズの設定あり(必須)

    その他のフォームのカスタム方法

    「テキスト」のカスタマイズ

    「メールアドレス」のカスタマイズ

    「URL」のカスタマイズの方法

    「電話番号」のカスタマイズ

    「数値」のカスタマイズ

    「日付」のカスタマイズ

    「テキストエリア」のカスタマイズ

    「ドロップダウンメニュー」のカスタマイズ

    「チェックボックス」のカスタマイズ

    「ラジオボタン」のカスタマイズ

    「承認確認」のカスタマイズ

    「クイズ」のカスタマイズ

    「ファイル」のカスタマイズ

    「送信ボタン」のカスタマイズ

    タイトルとURLをコピーしました