フォームのスタイルをカスタマイズする

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

フォームのスタイルをカスタマイズするには、左側の一般的なスタイリングオプションや右側の アイテム固有の 設定を利用できます。

フォームを作成した後すぐに、全体的な見た目や感触をカスタマイズできます。カスタムフォントの設定、リンク設定、ソーシャルメディアなども設定可能です。

複数のページがあり、それぞれの見た目を変えたい場合は、各ページのスタイリングを個別に編集 する必要があります。

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

  1. エディターの左側ペインで、Optionsタブをクリックします。

  2. General settingsセクションでは、以下を設定できます:

    • Content Width - 幅を入力するか、上下矢印を使って幅を編集します。デフォルトの幅は1000です。

    • Border Width - 幅を入力するか、上下矢印を使って境界幅を編集します。

    • Border Color - 縁取りの色を選択します。デフォルトの色は黒です。

    • Background Color - 背景色を選択します。

    • Add Background Image- クリックして 背景画像を選択してアップロードします。

    • Change Background Image - クリックして新しい背景画像を選択し、現在の背景画像を置き換えます。

    • Remove Background Image - クリックして現在の背景画像を削除します。

  3. Google fontsを展開すると、カスタムフォントをデザインに追加できます。

  4. ピクセル密度の高い画像を表示するには、Use retina quality imagesチェックボックスを選択してください。

    注記

    網膜品質の画像を使うと、受信者の帯域幅使用が増え、フォームの読み込み時間が長くなることもあります。

  5. Link settingsを展開すると、リンクの色、フォントファミリー、フォントサイズを設定します。

  6. Slotを展開すると、スロットの背景色、コンテンツの背景色、アライメント、最小高さ、パディング、境界の幅、半径、色を設定できます。

  7. Text展開すると、テキストのデフォルトフォントカラー、フォントサイズ、行長、フォントファミリー、背景色、影、枠幅、色、半径、パディングを設定できます。

  8. Validation Messagesを展開すると、デフォルトの検証メッセージをカスタムメッセージに上書きします。これはRequired field Email field、およびPhone fieldに対して行えます。

    Screenshot of the left-hand pane showing some styling configuration options
  9. Spacerを展開すると、スペーサーの背景色、影、高さ、境界幅、色、半径を設定します。

  10. Imageを展開すると、画像の背景色、影、境界の幅と色、アライメント、パディング、画像の境界半径、URLリンク、代替テキスト(オルトテキスト)を設定します。

  11. Action buttonを展開すると、ボタンの背景色、影、ボタン、ラベル、境界線の色、ラベル、フォントファミリー、フォントサイズ、アライメント、ボタン幅、ラベルのパディング、マージン、境界幅、コーナー半径を設定できます。

  12. Social Mediaを展開すると、ソーシャルメディアの背景色、影、間隔、アライメント、アイコンスタイル、ソーシャル設定を設定してください(ソーシャルメディアのアイコンをクリックするとURLを追加できます)。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、