Wix フォーム:エディタフォームをデザインする
読了時間:4分
フォームをデザインして、訪問者に独自のウェブサイトでの体験を提供しましょう。背景色をカスタマイズしたり、ボタンテキストを変更したり、影や枠線を調整して、フォームに息を吹き込みます。
注意:
フォームのデザインは現在、エディタフォームでのみ使用できます。カスタムフォームの場合、フォームの項目を管理することはできますが、デザインを更新することはできません。
![カスタマイズされたライラック色の項目が表示されたお問い合わせフォームのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2019/11/20/135637ae-f44b-4a54-ac1b-d1cfd9994c83/d1ca164d-c014-4411-a81c-4b682da5a3d4.png)
新旧どちらの Wix フォームを使用しているかはどうすればわかりますか?
こちらの記事で新旧 Wix フォームの違いをご確認いただけます。
エディタフォームをデザインする方法:
新フォーム
旧フォーム
- ページで該当するフォームをクリックします。
- 「設定」をクリックします。
- 「デザイン」タブをクリックします。
- 利用可能なオプションを使用してフォームデザインをカスタマイズします:
- フォームの背景:フォームの背景色、枠線の色、太さを選択します。
- フォームの項目:フォーム項目のスタイルを選択し、不透明度、フォント、フォントサイズなどをカスタマイズします。
ヒント:さまざまな状態(通常時、ホバー時、エラー)での項目の表示方法をデザインできます。 - 見出し・段落:フォームテキストのフォントと色を選択します。
- ボタン:ホバー時の表示方法など、フォームボタンをデザインします(例:「送信」ボタン、「戻る」ボタンなど)。
![ボタンの色オプションが選択されたフォームの「デザイン」タブのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/09/23/95ad0a97-6a83-4b57-ba3d-1c3bbae92a62/8b5d4a7a-d719-4b21-9223-4dbaa96d39f0.jpg)
注意:
以前のバージョンの Wix フォーム(注文フォームなど)をカスタマイズする場合は、「デザイン」アイコン
をクリックします。
![A screenshot of the settings panel of the previous version of Wix Forms with the paintbrush icon selected.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/09/23/822d78a1-b74b-4524-9a09-2f631ec9415d/fe5eba11-f600-408d-842e-57a123458e6e.jpg)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/71d20af0-560e-44a5-bb38-bf3f513b58fa/2023/07/24/66068315-e8c1-464f-bfa2-1f6137ceb9b2/92a53fb0-1a61-48ba-aeb4-6e2ee3d4affe.jpg)
![A screenshot of the settings panel of the previous version of Wix Forms with the paintbrush icon selected.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/09/23/822d78a1-b74b-4524-9a09-2f631ec9415d/fe5eba11-f600-408d-842e-57a123458e6e.jpg)