メールグローバルスタイルの設定

グローバルスタイル設定を使用すると、メールキャンペーンとキャンバスの外観をカスタマイズできます。ドラッグアンドドロップエディタのデフォルトテーマを追加およびカスタマイズできます。これには、メールタイトル、テキスト、ボタンなどのスタイルの編集が含まれます。これらの設定を組み合わせて使用すると、メールメッセージの一貫した外観を作成できます。

グローバルスタイル設定を編集するには、Settings> Email Preferences> Drag-and-Drop Email Preferences に移動します。ドラッグアンドドロップ電子メールエディタでスタイルを編集した後、Saveをクリックします。メールキャンペーンとキャンバスをさらにカスタマイズするには、ドラッグアンドドロップエディタブロック の組み込み方法を確認してください。

基本的なスタイル指定

Basic Stylingでは、メールキャンペーンとキャンバスのデフォルトのメールとコンテンツの背景色を設定できます。また、デフォルトのフォントを選択したり、カスタムフォントを追加したり、リンクの色を編集したりすることもできます。

カスタムフォント

カスタムフォントを使用すると、さまざまなメールプラットフォーム間でブランディングの一貫性を保つために、Web フォントを手動で追加できます。セクションごとに1 つのカスタムフォントを追加できます。

カスタムフォントを追加する前に、カスタムフォントファイルが次の要件を満たしていることを確認します。

• カスタムフォントファイルを提供するサーバでCORS を有効にする必要があります。これは通常、IT チームによって管理されます。
  • カスタムフォントファイルにはヘッダーが必要です。 Access-Control-Allow-Origin: *
• ファイルURL は、CSS ファイル(WOFF、OTF などではない) を指している必要があります。
• カスタムフォント名は、CSS ファイル内のフォントフェイスの名前と一致する必要があります

カスタムフォントを追加するには:

1. スタイルセクションのデフォルトのフォント名の下にカスタムフォントを追加をクリックします。
2. Font Nameフィールドに、カスタムフォントソースファイルに表示されるのと同じフォント名を入力します。名前が大文字に変換され、正しくスペースが空いていることを確認します。
3. Font URL フィールドに対応するURL を入力します。
4. 保存する前に、プレビューにカスタムフォントが表示されることを確認します。
5. カスタムフォントをデフォルトの電子メールフォントとして使用するには、Saveをクリックします。

カスタムフォントプロバイダーは、受信者から個人データを収集する場合があることに注意してください。使用する前に、フォントプロバイダーのポリシーを確認してください。

メールキャンペーンで別のカスタムフォントを使用するには、メールテンプレートまたはコンテンツブロックを作成するオプションがあります。フォントの選択肢がウェブセーフであり、メールプラットフォームでサポートされていることを確認してください。

フォールバックフォント

デフォルトのフォント選択が受信トレイプロバイダまたはオペレーティングシステムでサポートされていない場合、フォールバックフォントはタイトル、ヘッダー、および本文テキストに使用されます。デフォルトでは、グローバルスタイル設定が保存されると、Braze は自動的にArial をフォールバックフォントとして設定します。また、デフォルトのフォントファミリのオプションとして、serif またはsans serif を追加することもできます。

最大17 個のフォールバックフォントを追加できます。最初に選択されたフォールバックフォントが最初に試行されたフォントになります。フォールバックフォントは、新しく作成されたテンプレート、メールキャンペーン、およびキャンバスコンポーネントにのみ適用されます。フォールバックフォントは、フォールバックフォントが指定される前に作成されたメッセージに対して自動的には設定されません。ブランド全体の一貫性を維持するために、メールメッセージに類似したフォールバックフォントを選択することを強くお勧めします。

タイトルのスタイル指定

ここでは、フォントサイズ、フォントの色、およびテキストの配置を編集して、メールタイトルのスタイルを調整できます。これは、メインヘッダとセカンダリヘッダに適用されます。

必要に応じて、ドラッグアンドドロップエディターテーマのデフォルトスタイルをオーバーライドできます。Override default styleをクリックして、タイトルスタイルの選択を適用します。これには、異なるフォントとリンクカラーの設定を含めることができます。

段落のスタイル指定

デフォルトの段落スタイルを設定するには、段落スタイルに移動し、フォントサイズを入力し、フォントの色を選択してフォントの色を選択します。また、Padding Top、{<span=>Padding Right«span=}、{<span=>Padding Bottom«span=}、およびPadding Left の値を編集して、本文のブロックスタイルを調整することもできます。これは、段落ブロックを囲む4 つの領域すべての間隔に適用されます。

リストのスタイル指定

メッセージングにリストを追加する場合、リストスタイルセクションでは、リストのスタイルの一貫性が作成されます。これには、以下のような詳細が含まれます。

• フォントサイズ
• 文字色
• フォントの太さ
• 線の高さ
• 配置
• 文字の方向
• 文字間隔
• リスト項目の間隔
• リスト項目のインデント (字下げ)
• リストのタイプ
• リストスタイルのタイプ

List Typeは、番号または箇条書きのいずれかに設定できます。List Style Typeでは、リストのスタイルを追加でカスタマイズできます。たとえば、リストタイプを常に箇条書きに設定し、各箇条書き項目を正方形に設定できます。

ボタンのスタイル指定

Button Stylingセクションでは、ボタンの次のデフォルトスタイルを編集できます。 - 背景色 -ォントサイズ - ォントの色 - 境界線の半径 - 境界線の色 - 境界線の太さ - ボタンパディング

他のすべてのスタイルセクションと同様に、Padding Top、{<span=>Padding Right«span=}、{<span=>Padding Bottom«span=}、およびPadding Left の値を編集して、ブロックスタイルを調整できます。

メールテンプレートの幅

メールテンプレートの幅を使用して、メールキャンペーン間の整合性を調整し、幅を設定できます。

コンテンツブロックの幅

メールのドラッグアンドドロップエディタでコンテンツブロック幅を設定することもできます。コンテンツブロックの幅をメールテンプレートの幅に一致させることをお勧めします。