製品マニュアル

フォームの各項目を決めたら、次はデザインを設定してみましょう。

Smooth Contactでは、以下2種類のデザイン設定モードをご用意しています。

【テンプレートモード】
あらかじめ用意されたデザインテンプレートからイメージに合うものを選択し、

ボタン1つでお手軽にフォームのデザインイメージを一括で設定することができます。

【カスタムモード】
フォーム入力欄のアニメーション（表示動作）、各項目テキストのフォントや色など、
フォームのデザインイメージを細かく項目毎に設定することできます。

▼「テンプレートモード」でデザインを設定する

テンプレートを表示させる

デザインタブをクリックし［1］、〈テンプレートモード〉を選択し［2］、〈テンプレートを選択〉をクリックします［3］。

テンプレートを選択する

サイトイメージに合うデザインテンプレートを選択し、〈保存〉をクリックします。 

▼「カスタムモード」でデザインを設定する

各デザイン要素を設定する

デザインタブをクリックし［1］、〈カスタムモード〉を選択し［2］、各デザイン要素を設定（※後述参照）し［3］、〈保存〉をクリックします［4］。

※上記手順［3］で設定できる各デザイン要素は、以下4点です。

■デザイン

入力欄などのデザインイメージを指定できます。以下3種からお選びください。
・スタンダード　→ベーシックなデザイン。どんなサイトにもマッチします。
・ソリッド　→フラットなデザイン。堅実なイメージを持たせることができます。
・ポップ　→丸みのあるデザイン。ソフトなイメージを持たせることができます。

■アニメーション。

フォームにアニメーションを設定することができます。

■カラー

テキスト、フォーム、ボタンにカラーを指定できます。

■Webフォント　※以下マニュアルページをご参照ください。

フォームにWebフォントを設定することができます。