WordPress

【Contact Form 7】「ラジオボタン」のカスタマイズの方法

スポンサーリンク

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

  • 「名前」は、入力項目を識別する名前を設定します。
  • 「オプション」は、ドロップダウンメニューの項目値を設定します。
    「ラベルを前に、チェックボックスを後に配置する」のチェックボックスは、ラベルとチェックボックスを逆にする場合にチェックをします。
    「個々の項目をlabel要素で囲む」のチェックボックスは、ラベルをlabel要素で囲む場合にチェックをします。
  • 「ID属性」は、input要素のid属性に設定する値を設定します。
  • 「クラス属性」は、input要素のclass属性に設定する値を設定します。

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

初期状態で選択されている状態を設定

default:(num)で、初期状態で選択されている状態を設定することができます。

最後の項目にテキスト項目を追加

free_textで、最後の項目にテキスト項目を追加することができます。

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

フォームタグ例

ラジオボタンサンプル
[radio radio-sample-1 class:radio-sample "サンプル1" "サンプル2" "サンプル3" "サンプル4"]

ラベルをlabel要素で囲む
[radio radio-sample-2 class:radio-sample use_label_element default:1 "サンプル1" "サンプル2" "サンプル3" "サンプル4"]

ラベルとラジオボタンを逆にする
[radio radio-sample-3 class:radio-sample label_first default:1 "サンプル1" "サンプル2" "サンプル3" "サンプル4"]

3番目が初期選択
[radio radio-sample-4 class:radio-sample default:3 "サンプル1" "サンプル2" "サンプル3" "サンプル4"]

最後の項目にテキスト項目を追加
[radio radio-sample-5 class:radio-sample free_text default:1 "サンプル1" "サンプル2" "サンプル3" "サンプル4"]

表示例

    ラジオボタンサンプル
    サンプル1サンプル2サンプル3サンプル4

    ラベルをlabel要素で囲む

    ラベルとラジオボタンを逆にする
    サンプル1サンプル2サンプル3サンプル4

    3番目が初期選択
    サンプル1サンプル2サンプル3サンプル4

    最後の項目にテキスト項目を追加
    サンプル1サンプル2サンプル3サンプル4

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

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