Wix フォーム:エディタフォームをデザインする
5分
フォームをデザインして、訪問者に独自のウェブサイトでの体験を提供しましょう。背景色をカスタマイズしたり、ボタンテキストを変更したり、影や枠線を調整して、フォームに息を吹き込みます。

新旧どちらの Wix フォームを使用しているかはどうすればわかりますか?
こちらの記事で新旧 Wix フォームの違いをご確認いただけます。
デスクトップでエディタフォームをデザインする
高度なスタイルオプションを使用して、デスクトップでのフォームの表示方法をすぐにデザインできます。
デスクトップでエディタフォームをデザインする方法:
新フォーム
旧フォーム
- ページで該当するフォームをクリックします。
- 「設定」をクリックします。
- 「デザイン」タブをクリックします。
- 利用可能なオプションを使用してフォームデザインをカスタマイズします:
- フォームの背景:フォームの背景色、枠線の色、太さを選択します。
- フォームの項目:フォーム項目のスタイルを選択し、不透明度、フォント、フォントサイズなどをカスタマイズします。
ヒント:さまざまな状態(通常時、ホバー時、エラー)での項目の表示方法をデザインできます。 - 見出し・段落:フォームテキストのフォントと色を選択します。
- ボタン:ホバー時の表示方法など、フォームボタンをデザインします(例:「送信」ボタン、「戻る」ボタンなど)。

モバイルでエディタフォームをデザインする
モバイル画面用にフォームをデザインして、外観と操作を確実にします。
モバイルでエディタフォームをデザインする方法:
新フォーム
旧フォーム
- モバイルエディタ(Wix エディタ)またはモバイルブレイクポイント(Wix Studio エディタ)に移動します。
- 該当するフォームをクリックします。
- 「設定」をクリックします。
- 「デザイン」をクリックします。
- 利用可能なオプションを使用してフォームデザインをカスタマイズします:
- フォームの背景:フォームの背景色、枠線の色、太さを選択します。
- フォームの項目:フォーム項目のスタイルを選択し、不透明度、フォント、フォントサイズなどをカスタマイズします。
ヒント:さまざまな状態(通常時、ホバー時、エラー)での項目の表示方法をデザインできます。 - 見出し・段落:フォームテキストのフォントと色を選択します。
- ボタン:ホバー時の表示方法など、フォームボタンをデザインします(例:「送信」ボタン、「戻る」ボタンなど)。

ヒント:
フォームビルダーを使用して、モバイル端末での項目の位置を編集する ことができます。
ヒント:
マルチステップフォームを作成して、サイト訪問者が完了しやすいようにフォームを管理できるセクションに分割します。