フォームのデザインを設定する
フォームの各項目を決めたら、次はデザインを設定してみましょう。
SmoothContactでは、以下2種類のデザイン設定モードをご用意しています。
【テンプレートモード】
あらかじめ用意されたデザインテンプレートからイメージに合うものを選択し、ボタン1つでお手軽にフォームのデザインイメージを一括で設定することができます。
【カスタムモード】
フォーム入力欄のアニメーション（表示動作）、各項目テキストのフォントや色など、
フォームのデザインイメージを細かく項目毎に設定することできます。
▼「テンプレートモード」でデザインを設定する
テンプレートを表示させる
デザインタブをクリックし［1］、〈テンプレートモード〉を選択し［2］、〈テーマを選択〉をクリックします［3］。
テンプレートを選択する
サイトイメージに合うデザインテンプレートを選択し、〈保存〉をクリックします。
▼「カスタムモード」でデザインを設定する
各デザイン要素を設定する
デザインタブをクリックし［1］、〈カスタムモード〉を選択し［2］、各デザイン要素を設定（※後述参照）し［3］、〈保存〉をクリックします［4］。設定を取り消す際は<キャンセル〉をクリックします［5］
※上記手順［3］で設定できる各デザイン要素は、以下の通りとなります。
■デザイン
入力欄などのデザインイメージを指定できます。以下3種からお選びください。
・スタンダード →ベーシックなデザイン。どんなサイトにもマッチします。
・ソリッド →フラットなデザイン。堅実なイメージを持たせることができます。
・ポップ →丸みのあるデザイン。ソフトなイメージを持たせることができます。
■全体
フォーム全体の項目間隔、文字サイズ、文字色、フォントの種類を指定できます。
■タイトル
タイトルの文字サイズ、文字色、フォントの種類を指定できます。
■ラベル
ラベルの文字サイズ、文字色、フォントの種類を指定できます。
■入力フォーム
入力フォームの文字サイズ、背景色、枠線の色を指定できます。
■ボタン
ボタンの文字サイズ、文字色、背景色、枠線の色、フォントの種類を指定できます。
■アニメーション
アニメーションの設定については、「フォームにアニメーションを設定する」を参照してください。