フォームのテーマをカスタマイズするには、

1. フォームを作成した後、［テーマ］タブに移動します。
   

2. ［ゼロから作成］／［テーマのカスタマイズ］をクリックします。
   
   

1. 以前のバージョンのテーマを使用している既存ユーザーの場合、新しいテーマビルダーに切り替えるためのオプションが表示されます。［最新バージョンに切り替え］をクリックします。
   
   

2. 新しいテーマビルダーの概要を示すポップアップが表示されます。［今すぐ切り替え］をクリックします。
   

3. 「テーマ変換-プレビュー」ページが表示されます。このページでは、以前のバージョンのテーマが新しいテーマにどのように変換されるかを確認できます。続行するには、［今すぐ切り替え］をクリックします。
   

4. ［テーマのカスタマイズ］をクリックすると、新しいテーマビルダーを使用してテーマをさらに変更できます。
   

   メモ：
   1. 新しいテーマビルダーに切り替える前に、現在のテーマを保存してください。これにより、後で以前のテーマビルダーに戻す場合に、保存したテーマを再適用できます。
   2. 新しいテーマビルダーに切り替えた後、以前のテーマビルダーに戻すと、以前適用していたテーマではなく、クラシックテーマがフォームに自動的に適用されます。

3. フォームのカスタマイズでは、フォームの次の項目をカスタマイズできます。
   
   
1. 全般
2. ヘッダー
   
3. 項目
   
4. コンテナー
5. バナー
6. ページ
7. 特殊項目
   
8. ボタン
   
9. 進捗バー

全般設定では、フォーム全体のレイアウトや見た目をカスタマイズできます。ここでは、フォームのスタイル、フォント、壁紙の外観を調整できます。

背景：背景では、オンラインフォームの背景色を設定でき、フォーム全体の見た目やユーザー体験に影響します。背景は次の形式で設定できます。

背景画像：フォームの背景に画像を追加して、ユーザーの注目を集めたり、ブランドとの関連性を高めたりできます。ここでは、デバイスから画像をアップロードするか、壁紙ギャラリーを使用するか、PixabayまたはUnsplashから画像を追加できます。Unsplashでは、個別の写真、コレクション（画像セット）、トピック（テーマ別のグループ）を利用でき、画像の向き（すべて、横向き、縦向き、正方形に近い）、色、並べ替え（新しい順／古い順／人気順）で絞り込めます。目的の背景画像を追加した後、配置、表示方法、不透明度を調整できます。

フォント

背景：背景では、フォームコンテナーの背景色を設定できます。背景には単色またはグラデーションの色を設定できます。

フォントファミリー：フォントファミリーでは、フォームのヘッダーテキストで使用するフォントの種類を選択できます。ブランドイメージに合った、読みやすく分かりやすいフォントを選択してください。

1. 画像サイズ：ロゴ画像のサイズを制御できます。必要に応じてスライダーを使用してロゴのサイズを変更できます。
2. 画像の配置：フォームのヘッダー内で、ロゴ、タイトル、説明をどのように配置するかを制御します。用意されているスタイルに基づいて画像の配置を選択し、整理されたレイアウトを作成できます。
   

枠線

項目

1. ラベル：項目ラベルの色を選択できます。
   
2. 説明：項目に関連付けられた説明テキストの色を設定できます。
3. フォーカス：ユーザーが項目をクリックしたとき、または項目に移動したときに強調表示する色を選択できます。 これにより、現在有効な項目をユーザーが識別しやすくなり、操作性が向上します。
   
4. 必須のアスタリスク：必須項目を示す記号（*）の色を選択できます。
   

入力

1. 値：ユーザーが項目に入力するテキストの色を設定します。
2. 背景：項目内の背景領域の色を設定します。
3. 枠線：項目の枠線の色をカスタマイズできます。
4. 枠線の形状：ここでは、フォームに適した項目の枠線スタイルを選択できます。

1. 背景：複数選択項目、スライダー項目、ドロップダウン、日付選択、ホバーテキストなどのピッカー項目の背景色を設定できます。
   

枠線と余白

1. 枠線の幅：入力項目の枠線の太さを設定できます。
   
2. 横方向の余白：フォームコンテナーの左枠線と右枠線から項目までの余白を調整できます。
   
3. 縦方向の余白-項目間：項目間の余白を調整できます。

エラーメッセージ

1. テキスト：ここでは、エラーメッセージのテキストの色を選択できます。
   
2. アイコン：各項目内のアイコンの表示設定を管理できます。表示または非表示を選択できます。
   

ページ

ナビゲーションバー

1. フォームコンテナー内：ナビゲーションバーがフォームコンテナー内の上部に直接表示されます。
   
2. フォームコンテナー外：ナビゲーションバーがフォームコンテナーの外側に配置されます。
   

アクセス済み／未アクセス-ナビゲーションバー

ページヘッダー

特殊項目は、オンラインフォームの基本的なテキストボックスやドロップダウンを超える機能です。ユーザー入力を取得し、ユーザー体験を向上させる独自の方法を提供します。ここでは、一般的な特殊項目とそのカスタマイズ方法について説明します。

グリッド

1. スタイル1：このスタイルでは、グリッド項目に表示される枠線は適用されません。
   
2. スタイル2：このスタイルでは、グリッドコンテナー全体を囲む枠線と、グリッドのヘッダー下部の線が追加されます。このスタイルを選択すると、枠線の色とヘッダー下部の枠線をカスタマイズできます。
   
3. スタイル3：このスタイルでは、枠線に加えて、グリッドのヘッダーとコンテナーに背景色が適用されます。このスタイルを選択すると、枠線の色、ヘッダーの背景色、ヘッダー下部の枠線の色、コンテナーの背景をカスタマイズできます。
   

1. 背景：ヘッダーの背景色を設定できます。ヘッダーの背景には、単色またはグラデーションを選択できます。
   
2. 下部の枠線：グリッドヘッダー下部の枠線の色を設定できます。
   
3. 横方向の余白：グリッドヘッダーの左右端からの距離を調整できます。
   

1. 背景：グリッドコンテナーの背景色を設定できます。コンテナーの背景には、単色またはグラデーションを選択できます。
   
2. 横方向の余白：グリッドコンテナーの左右端からの距離を調整できます。
   
3. 列間隔：列間の間隔を調整できます。
   

ラジオボタンやチェックボックスなどの選択項目では、次の内容をカスタマイズできます。

これは、ラジオボタン、チェックボックス、マトリックス選択項目、画像選択項目などに適用されます。

選択：ここでは、ユーザーがスライダーを動かしたときにスライダーバーを塗りつぶす色を選択し、選択内容を示すことができます。

1. 評価タイプとして記号を選択した場合、選択した評価の形状（星、ハートなど）に応じて、記号の枠線の色と、ユーザーが評価レベルを選択したときに表示される塗りつぶし色をカスタマイズし、わかりやすく視覚的に表示できます。
2. 評価タイプとして数値を選択した場合、未選択時の数値のテキスト、枠線、背景色と、選択時のテキストおよび背景色をカスタマイズできます。

区切り線

線の色：ここでは、フォーム全体のテーマに合わせて線の色を変更し、区切り線項目の外観をカスタマイズできます。

1. 背景：見出し項目の背景色を設定します。
   
2. 見出しテキスト：見出しテキストの色を設定します。
3. 説明：見出しの下に表示される説明テキストの色を設定します。
4. 角：角のスライダーを使用して、見出し項目の角を調整できます。
   
5. 外側の余白：見出し項目とフォームの上端、左端、右端との間隔を調整できます。
   
6. 内側の横方向の余白：見出し項目の左右端から見出しコンテンツまでの間隔を調整できます。
   
7. 内側の縦方向の余白：フォームの見出し項目の上下の間隔を調整できます。
   
   

デフォルトの背景

プログレスバーの未入力部分の背景色を設定します。この色は、回答者がフォームへの入力を開始する前に初期状態で表示されます。

入力済み部分の背景

プログレスバーの完了部分の色を設定し、フォームの入力がどの程度完了しているかを視覚的に示します。

進捗値の表示形式

プログレスバーのスタイルとしてフローティングまたはプログレスリングを選択している場合に利用できます。このオプションでは、完了値を数値またはパーセントで表示できます。値を表示しない場合は、なしを選択します。