フォームズで作成したフォームの体裁を整える

シンプルなメールフォームが作成できるサービス フォームズ
作成したフォームはフォームズのサーバで動作するので、SSL通信付きの安全なフォームを簡単に設置できます。(無料・有料)
また、プラグイン[Formzu WP]を使ってWordPressのページに埋め込むことも可能です。

標準のデザイン設定のままフォームを作成すると見た目がいまひとつで、WordPressのページに埋め込んだときに悪目立ちしてしまいますが、フォームズに備わっているデザイン設定のみでサイトのイメージに合わせたフォームデザインにすることができます。

共通の設定

メインメニュー ➔ デザイン設定 ➔ デザイン設定

テーマ指定しない
項目レイアウト縦に並べる
ボタン送信ボタンのデザインを選択
入力必須マーク①テキスト「必須」「※」など。
②文字色:【例】#ffffff(白)
③背景色:【例】#01407e(ネイビー)
④文字色、背景色を指定しても[保存][更新[などのボタンは表示されない。
⑤いったん[✖閉じる]を押下し[現在の設定で更新する]を選択すると反映される。
送信ステップ有効にするとタイトル下に[1 情報入力][2 内容確認][3 完了]のステップが表示される

メインメニュー ➔ デザイン設定 ➔ デザイン設定 ➔ サイズ・位置・フォント

フォームズサンプルA
フォームズサンプルA
フォームズサンプルA
フォームズサンプルA
フォームズサンプルA

デザイン例[1]の設定

メインメニュー ➔ デザイン設定 ➔ デザイン設定 ➔ カラー

サンプルAカラー設定

メインメニュー ➔ デザイン設定 ➔ デザイン設定 ➔ 余白・マージン

余白・マージン

デザイン例[2]の設定

メインメニュー ➔ デザイン設定 ➔ デザイン設定 ➔ カラー

サンプルBカラー設定

メインメニュー ➔ デザイン設定 ➔ デザイン設定 ➔ 余白・マージン

サンプルB余白・マージン

吹き出し(見出し)の設定

メインメニュー ➔ 項目の追加 ➔ H見出し

フォームズH見出し