フォームのデザインを変更する

「登録ページ作成」で、フォームのデザインを変更します。

PC用

スマートフォン用

PC用のフォームデザインを変更する

登録フォームはTABLE(表形式)になっており、線の太さや色、フォームの幅や色を設定できます。文字色も設定できます。


↓↓↓


(1)「フォームタイトル」「文字色」フォームタイトルの「背景色」の設定
フォームのタイトル(○○申し込みフォーム等)を入力し、フォームタイトルの文字色と背景色を指定します。
※スマートフォン用のフォームデザインと共通です。

(2)フォーム全体の「余白」、「線の幅」、「線の色」の設定
余白は、フォーム内の文字と枠線までの間隔を指定します。
線の幅・線の色は、フォームの線の太さと色を指定します。
※「余白」は3以上にすると見やすい表になります。

(3)項目名欄(名前、メールアドレスなど)の「幅」「文字色」「背景色」の設定
項目名欄の横幅・背景色・文字色を指定します。
項目名が折り返されて表示される場合は、項目名を短くしたり、「幅」の数字を大きくして調整してください。

(4)入力部品欄(テキストボックスなど)の「幅」「文字色」「背景色」の設定
入力部品欄の幅・背景色・文字色を指定します。
「文字色」は、ラジオボタンやチェックボックスの選択肢、各入力項目で設定したコメントの色を指定します。

スマートフォン用のフォームデザインを変更する


↓↓↓


(1)「フォームタイトル(表題)」「文字色」表題セルの「背景色」の設定
フォームのタイトル(○○申し込みフォーム等)を入力し、フォームタイトルの文字色と背景色を指定します。
※PC用のフォームと共通です。

(2)ページの背景色
ページ全体の背景色を指定します。

(3)項目欄の「背景色」「文字色」の設定
項目名の背景色、項目名の文字色を指定します。

(4)コメントの「文字色」の設定
各項目のコメント欄で設定したコメントの文字色を指定します。

(5)登録ボタンの色の設定
「青」「黒」「白」を選択できますので、フォームの雰囲気に合わせた色をお選びください。

関連記事