デザイン編集

スタイル編集画面

編集メニューのスタイルを押すとスタイル編集ページに移動し、基本デザイン、文字サイズとカラーの編集ができます。

有料プランでは加えて、ページ構成、ヘッダーロゴ画像、フッターリンクの利用ができます。 無料プランの場合、動作の確認のみ行えます。

それぞれの項目の「編集」ボタンを押して入力し、下部にある「更新」ボタンで編集内容の更新ができます。
上部にある「キャンセル」で、編集内容のキャンセルができます。

基本デザイン

枠の種類、ヘッダー表示、デザインタイプ、タイトル表示の編集ができます。

基本デザインの編集画面では、枠の種類、ヘッダー表示、デザインタイプ、タイトル表示の編集ができる 基本デザインの編集画面では、枠の種類、ヘッダー表示、デザインタイプ、タイトル表示の編集ができる
フォームの基本デザイン編集画面
枠の種類
デフォルトは非表示ですが、質問全体や質問ごとで囲むこともできます。
枠の非表示・フォーム全体・質問ごと
枠の種類比較
ヘッダー表示

ヘッダーは、一番上のロゴが表示されている部分です。

デフォルトは表示ですが、非表示にすることもできます。

カスタムフォームのロゴが表示されているヘッダー カスタムフォームのロゴが表示されているヘッダー
ヘッダー箇所
デザインタイプ
枠やボタンの角のデザインタイプを選択できます。
デフォルトは丸めですが、直線的にすることもできます。
枠やボタンの枠が丸い「Rounded」、直線的な「Liner」
デザイン比較画像
タイトル表示
デフォルトはタイトルの表示ですが、非表示にすることもできます。
タイトルを非表示にした場合でも、説明文は表示されます。
デフォルトではタイトルは表示されるが、非表示にすることもできる デフォルトではタイトルは表示されるが、非表示にすることもできる
タイトルの表示・非表示比較
文字サイズとカラー

文字サイズと色を変更できます。

表示されている色部分を押すと、色見本から選ぶことができます。

また、カラーコード入力でお好きな色を指定することもできます。

文字サイズとカラー編集画面では、メインカラー、背景色、文字の色、文字サイズが変更できる 文字サイズとカラー編集画面では、メインカラー、背景色、文字の色、文字サイズが変更できる
文字サイズとカラー編集画面

カラーコードとは、WEB上での色指定に使われる番号です。
いろいろなサイトで紹介されていますので、お好きなサイトをご利用ください。

【参考】カラーコード早見表ページ例 - 原色大辞典 (他社サイト)

ページ構成

無料プランでは動作の確認のみ行えます。

有料版の場合、ページ構成を選択できる 有料版の場合、ページ構成を選択できる
ページ構成の編集画面
入力画面 - 完了画面
デフォルト
入力画面の一番下は「送信する」ボタンで、押すと完了画面に移動します。
入力画面 - 確認画面 - 完了画面
入力画面の一番下は「確認する」ボタンで、押すと確認画面に移動し、回答の確認をすることができます。
「戻る」を押すと入力画面へ、「送信する」を押すと完了画面へ移動します。
入力画面 - 完了画面(回答内容表示)
入力画面の一番下は「送信する」ボタンで、押すと完了画面へ移動します。
完了画面には、回答内容と完了画面メッセージが表示されます。
ヘッダーロゴ機能

デフォルトではCustomFormのロゴとトップページですが、有料版の場合、ヘッダーのロゴ画像とリンクを変更できます。

画像は最大10MBのpngもしくはjpg形式のみ利用できます。
無料プランでは動作の確認のみ行えます。

ヘッダーロゴの編集 ヘッダーロゴの編集
ヘッダーロゴの編集画面
フッターリンク

有料版では、フッターテキストとリンクを変更できます。

無料プランでは動作の確認のみ行えます。

フッターリンクの編集 フッターリンクの編集
フッターリンクの編集画面

フッターは、一番下に表示されているリンク部分です。
文言、リンクを空で登録するとフッターを非表示にできます。

デフォルトはCustomFormのTOPになっています。

青枠がフッター箇所 青枠がフッター箇所
フッター箇所