Editor X:フォームに列を追加する

読了時間:3分
Editor X は、代理店とフリーランサー向けの新しいプラットフォームである Wix Studio に移行します。Wix Studio について
Editor X でフォームを作成する場合、すべての項目が次々と表示される単一の列には制限されません。レスポンシブ CSS グリッドを使用することで、必要な数の列を追加してフォームを整理することができます。

ステップ 1 | フォームに列を追加する

Editor X のフォームは CSS グリッドで構成されているため、必要な数の列と行を追加できます。

フォームに列を追加する方法:

  1. エディタ内でフォームをクリックします。
  2. グリッドを編集」をクリックします。
  3. 列見出しにマウスオーバーし、「列を追加」アイコン  をクリックし、列を追加します。

ステップ 2 | フォームの列のサイズを変更する

必要な列数を追加したら、次の 2つの方法でサイズを変更できます:
  • 横と縦のグリッド線のハンドルを希望の位置にドラッグします。
  • 列見出しをクリックし、該当する単位(例:px、パーセント)を選択しながら、正確なサイズを入力します。
使用する単位がわからない場合:
グリッド単位の詳細はこちらをご覧ください。

ステップ 3 | フォーム項目を新しい列に移動する

希望する幅で列を設定したら、ドラッグ&ドロップを使用してグリッド上でフォーム項目を移動させます。

ステップ 4 | グリッドの行を調整する

フォーム項目が複数の列に分割されているので、一部の行を調整または削除することもできます。

行のサイズを変更または削除する方法:

  1. エディタ内でフォームをクリックします。
  2. グリッドを編集」をクリックします。
  3. グリッドで該当する行見出しをクリックします。
  4. 次のいずれかの操作を行います:
    • 行の高さを調整します。
    • 行を削除」をクリックしてグリッドから削除します。

お役に立ちましたか?

|