CMS:テキスト入力を追加・設定する
読了時間:3分
ユーザーからメールアドレスや電話番号などの一般的なデータを収集する、テキスト入力要素、テキストボックス要素、またはリッチテキストボックス要素を追加しします。
ステップ 1 | テキスト要素を追加・設定する
- エディタで「追加」パネルを開きます。
- Wix エディタ:エディタ左側で「追加」 をクリックします。
- Editor X:Editor X 上部にある「追加」 をクリックします。
- 「入力欄」をクリックします。
- 選択したテキスト入力をクリックしてドラッグします。
- 「設定」をクリックします。
- 「タイプ」で、ドロップダウンから次のオプションのいずれかを選択します。
- テキスト
- パスワード
- メールアドレス
- URL
- 電話番号
- (オプション)サイトにタイトルを表示するには、「入力フィールドのタイトルを表示」スイッチをクリックします。
- 「項目タイトル」フィールドをクリックし、デフォルトテキストを変更します。
- 「テキスト設定」で、読み込み時のテキスト入力の外観をカスタマイズします。
- なし:フィールドは空です。
- プレースホルダーテキスト: ユーザーが入力を開始するまで、フィールドにはこのテキストが表示されます。
- プレースホルダーテキストを入力します。
- 初期テキスト: フィールドには、デフォルトの応答として初期値が表示されます。
- 初期テキストを入力します。
- 初期テキストの後にプレースホルダーテキスト: フィールドには初期値が表示されます。値を消去すると、プレースホルダーテキストが表示されます。
- プレースホルダーテキストを入力します。
- 初期テキストを入力します。
- 「一般設定」で、フィールドを必須および読み取り専用にするかどうかを選択します。
- 必須:ユーザーは提出前にテキスト入力に値を入力する必要があります。
- 読み取り専用:ユーザーはフィールドの値を変更できません。 例えば、計算値の表示に読み取り専用フィールドを使用できます。
- 「文字数を制限」トグルをクリックして、テキスト入力の文字数制限を設定します。
- 「正規表現を追加」トグルをクリックして、フィールドが検証されるたびに、正規表現(regex)を有効にして追加の基準を適用します。編集ボックスを使用して、正規表現を入力するか、編集します。
ステップ 2 | テキスト入力要素をコレクションに接続する
入力要素をデータセットに接続すると、ユーザー入力をキャプチャしてコレクションに保存するか、または既存のデータを編集できます。
新しいデータセット
Wix Studio では、データセットを右側の要素設定パネルに移動させ、より使いやすくしました。Wix Studio の新しいデータセットについてはこちら
- 「CMS に接続」アイコン (Editor X の場合 )をクリックします。
- 「データセットを接続 」をクリックし、ドロップダウンリストからデータセットを選択します。
- 「値の接続先」をクリックします:
- コレクション内の既存の項目を選択します。
- 「新しいフィールドを追加」をクリックしてコレクション内に新しい項目を作成します。
- 項目名を入力します。
- フィールドタイプを入力します。
ヒント:
ユーザーデータをコレクションに保存するには、送信ボタンをページに追加する必要があります。
お役に立ちましたか?
|