「Zoho Formsでカスタムテーマを作成する方法は?」

「Zoho Formsでカスタムテーマを作成する方法は?」

お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。


Zoho Formsでは、ブランドのカスタムカラー、デザイン、またはテーマに応じてテーマをカスタマイズすることができます。レスポンダーに信頼性を高めるために画像やカラーテーマを使用してカスタムバックグラウンドを更新することが可能です。

Create Custom Forms - Zoho Forms

 

フォームでカスタムテーマを作成する方法を見てみましょう!

事前設計されたテーマ

フォームを必要なフィールドすべてで構築したら、テーマタブに移動します。Plain、Gray、Classicなど、ニーズに合うものを選ぶことができる多くのプリデザインテーマを見つけることができます。
新しいプリビルドテーマが追加されましたので、ご確認ください!

Pre-built Themes

フォームに独自のテーマをカスタマイズしたいですか? 

「テーマ」タブをクリックしてフォームのカスタマイズを選択します。このオプションでフォームのカスタムフォント、背景、効果などを設定できます。フォームの背景をどのようにカスタマイズするかを見てみましょう。

背景のカスタマイズ 

「フォームカスタマイズ」の下の「フォーム」タブで、カスタム背景を設定するためのドロップダウンフィールドを見ることができます。
フォームの背景に壁紙を設定するには、背景 > 壁紙を選択してください。
このオプションでは、フォームの壁紙の色、不透明度、パターンを選択することができます。

Set a pattern as form background

も壁紙として画像をアップロードしたい場合は、Background Typeの下のImageを選択してください。ここでは、画像をアップロードするか、Pixabayから高解像度の画像を検索することができます。

JPEG、JPG、PNG、BMP、GIFなどの画像をアップロードすることをお勧めします。アップロード後に位置合わせを設定して、画像をフォームに合わせることができます。
 
フォームにバナー(通常はロゴ)を含めるには、背景 > バナーを選択します。Jpeg、Jpg、PNG、BMP、GIF形式の画像をアップロードできます。アップロード後に画像の配置も設定できます。

Custom Form Design - Zoho Forms

 

 

フォームコンポーネントもカスタマイズしたいですか?

コンテナのカスタマイズ

フォームのカスタマイズ > フォームタブ > コンテナのドロップダウンから、背景、境界線、端、配置、フォーム幅、スペース、シャドウなど、フォームコンテナのさまざまな機能を変更するオプションが見つかります。
コンテナの背景の色、不透明度、パターンを変更したり、コンテナの境界と端の太さ、スタイル、不透明度、色を変更したり、フォーム内のコンテナの配置を配置オプションで制御できます。
フォームの幅、コンテナ間の隙間、必要な場合はシャドウ効果などもカスタマイズできます。

Form Customization

 

ヘッダーのカスタマイズ 

「フォームのカスタマイズ」の下の「フォーム」タブの「ヘッダー」ドロップダウン内で、背景、境界線、端、整列、フォーム幅、スペース、シャドウなどのさまざまな機能を変更するオプションを見つけることができます。
また、推奨される形式で会社のロゴをフォームのヘッダーとしてアップロードすることもできます。

フォーム本文のカスタマイズ 

フォームカスタマイズの下で、フォームタブの下のBodyドロップダウンから、要件に合わせてフォーム本文の機能を変更することができます。

フィールドのカスタマイズ 

フォームのフィールドをカスタマイズするには、ドロップダウンのフォームカスタマイズ > フォームタブ > フィールドを選択してください。
フィールドコンテナの下で、フィールドコンテナの背景、境界線、端、スペースをカスタマイズできます。フィールドコンテナ内のコンテンツのフォントも変更できます。

Field Customization

 

上記のフィールドの機能をすべてのフィールドオプションの下でもカスタマイズすることができます。
フォームに別々のセクションがある場合、セクションの背景、境界線、端、およびスペースなどのセクションの特徴をカスタマイズできます。
フォーム内にマトリックスチョイスフィールドがある場合、質問と回答の色、フォント、スタイル、サイズを選択できます。
同様に、Choiceフィールドの場合は、フィールド内のコンテンツの色、フォント、スタイル、サイズを変更することができます。
選択形式フィールドの中の「選択スタイルオプション」の下に、テンプレートのスタイル(ラジオチェックボックス)を選択できます。
フォーム内に評価フィールドがある場合、評価フィールドのスタイルとサイズを編集し、選択された部分と未選択の部分のボーダーと塗りつぶしの色をカスタマイズできます。
フォーム内に複数選択の質問がある場合、フィールド内のコンテンツの色、フォント、スタイル、サイズを編集することができます。
詳細を学ぶフィールドと、ニーズに合ったフィールドを選択する方法について。


「フォームカスタマイズ」の下の「フォーム」タブの「フッター」で、背景、境界線、端、配置、フォーム幅、スペース、シャドーなどのフッターのさまざまな機能をカスタマイズできます。

ボタンのラベルをカスタマイズする方法を見ていきましょう!
 
《フォームのカスタマイズ》》《ボタン》》《幅》の下にある、ボタンのラベルの幅をカスタマイズできます。
3つのボタンがあります。送信保存レビューです。
「投稿」セクションに入り、背景、境界線、端、フォント、整列、スペース、シャドーを変更することができます。

 Submit Button customizatio


もしフォームに「保存して確認」ボタンがある場合、上記の機能はそれぞれのドロップダウンメニューの下で変更できます。
 
詳しくはこちらをご覧ください。フォームのボタンの変更とカスタマイズについて。
フォームにサブフォームがある場合は、お好みに応じて完全にカスタマイズすることもできます!!!

サブフォームコンテナー 

ヘッドをサブフォームタブに移動し、ドロップダウンからサブフォーム>コンテナを選択してサブフォームをカスタマイズしてください。

サブフォームフィールド 

サブフォームのフィールドをカスタマイズするには、ドロップダウンのサブフォームタブ> フィールドをクリックします。 フィールドコンテナーの下で、フィールドコンテナーの背景、境界線、端、スペース、フォントをカスタマイズできます。
フィールドの上記の機能をカスタマイズすることもできます。「すべてのフィールド」オプションの下にあります。すべてのフィールドオプション。
サブフォームに選択フィールドがある場合、フィールドの内容の色、フォント、スタイル、サイズを変更することができます。
選択スタイルオプションの下で、テンプレートのスタイルを選択することができます。
サブフォームに評価フィールドがある場合、評価フィールドのスタイルやサイズ、選択された部分と未選択部分の境界と塗りつぶしの色を編集することができます。
 フォーム内に複数選択の質問がある場合、フィールド内のコンテンツの色、フォント、スタイル、サイズを編集できます。

ポップアップサブフォーム 

もしポップアップサブフォームを選択した場合、ポップアップ > カード セクションで、背景、境界線、端、およびコンテンツのフォントなどのポップアップの特徴を編集できます。
 
複数のページからなるフォームをお持ちですか?
長いマルチページフォームはお客様に塗り終えるのが退屈になるかもしれません。フォームのページの見た目をカスタマイズして、長いマルチページフォームを面白くしましょう!
フォームカスタマイゼーションのページタブの下では、ページだけでなく、ページ上のナビゲーションボタンなどの細かい詳細もカスタマイズできます!

ページのカスタマイズ

ページヘッダーの機能を、背景、境界線、端、配置、間隔などをカスタマイズすることができます。ドロップダウンのページ > ヘッダーオプションを使用してください。
タイトルのコンテンツのフォント、色、スタイル、サイズを変更したい場合は、ページ > タイトル の下で行うことができます。
フォームの訪問済みと未訪問のページのフッターの数と色は、ページ > 番号 セクションでカスタマイズできます。
ナビゲーションボタン(次へ戻る)の背景、境界線、端、フォント、配置、スペース、シャドーなどの機能を、ナビゲーション > ボタン セクションでカスタマイズできます。
 ページ訪問の状況を示すナビゲーションバーの色の変更や、ページ内のバーの間隔を、ドロップダウンのオプションナビゲーション > バーでカスタマイズできます。
 
Zoho Formsのカスタマイズオプションに驚きましたか? 今すぐ試してみましょう!

    Zoho CRM 管理者向けトレーニング

    「導入したばかりで基本操作や設定に不安がある」、「短期間で集中的に運用開始できる状態にしたい」、「運用を開始しているが再度学び直したい」 といった課題を抱えられているユーザーさまに向けた少人数制のオンライントレーニングです。

    日々の営業活動を効率的に管理し、導入効果を高めるための方法を学びましょう。

    Zoho CRM Training



              Zoho Campaigns Resources

                Zoho WorkDrive Resources




                  • Desk Community Learning Series


                  • Digest


                  • Functions


                  • Meetups


                  • Kbase


                  • Resources


                  • Glossary


                  • Desk Marketplace


                  • MVP Corner


                  • Word of the Day


                  • Ask the Experts









                                  • Related Articles

                                  • Zoho Formsを使用した最初のWebフォームの作成

                                    こちらのページでは、Zoho Formsを使用してフォームを作成する方法をご紹介します。要件に合うフォームを作成するには、以下の手順を実行します。 新しいアカウントの作成 Zoho Formsを使用してフォームを作成するには、Zoho Formsでアカウントを作成する必要があります。Zoho Formsでアカウントを作成するには、以下の手順を実行します。 https://www.zoho.com/forms/signup.htmlに移動します。 ...
                                  • AIアシスタント

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 概要 Zoho Forms には、AI Assistantという一元管理機能があり、組織内のすべてのフォームにおける AI の利用を管理できます。スーパー管理者と管理者は、Control Panelから AI ...
                                  • 区切り線

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 Zoho Forms の区切り線フィールドを使用すると、フォーム内に水平線を挿入して、フォームの各部分を分けることができます。フォームのレイアウトを整理するための視覚的な区切りとして機能し、フォームのデザインに合わせてスタイルを設定できます。 セクション ...
                                  • 画像からフォームへの変換

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 Zoho Forms の画像からフォームへ機能を使用すると、1 枚または複数の画像(スキャンした紙のフォーム、手書きの書類、オンラインフォームのスクリーンショットなど)をアップロードし、Zia AI ...
                                  • スマートスキャン

                                    お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。 目次 概要 Smart Scan を使用する理由 Smart Scan 項目の追加 項目マッピングの設定 オプション 1: 画像をアップロードする オプション 2: 手動で設定する 公開フォームでの Smart Scan の使用 Smart Scan 項目のプロパティ Smart ...

                                  Resources

                                  Videos

                                  Watch comprehensive videos on features and other important topics that will help you master Zoho CRM.



                                  eBooks

                                  Download free eBooks and access a range of topics to get deeper insight on successfully using Zoho CRM.



                                  Webinars

                                  Sign up for our webinars and learn the Zoho CRM basics, from customization to sales force automation and more.



                                  CRM Tips

                                  Make the most of Zoho CRM with these useful tips.