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

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

グローバルスタイル設定s を編集するには、設定 s > メール環境設定 > ドラッグアンドドロップメール環境設定 に進みます。ドラッグアンドドロップメールエディタでスタイルを編集した後、Saveを押します。メール キャンペーンとキャンバスをさらにカスタマイズするには、[ドラッグアンドドロップエディタブロック s]8の組み込み方法を確認してください。

基本的なスタイル

基本スタイリングでは、メール キャンペーンとキャンバスのデフォルト メールカラーと内容バックグラウンドカラーを設定できます。デフォルトのフォントを選択したり、カスタムフォントを追加したり、リンクカラーを編集したりすることもできます。

カスタムフォント

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

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

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

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

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

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

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

フォールバックフォント

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

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

タイトルスタイル

ここでは、フォントサイズ、フォントカラー、テキストアラインメントを編集して、メールのタイトルのスタイルを調整できます。このアプリは主ヘッダーと二次ヘッダーにある。

必要に応じて、ドラッグアンドドロップエディターテーマのデフォルト形式を上書きできます。デフォルトスタイルを上書きを押して、タイトルスタイルの選択をアプリします。これには、別のフォントとリンクカラーの設定を含めることができます。

段落スタイル

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

リストスタイル

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

• 文字サイズ
• 文字色
• フォントの重み
• ライン高さ
• アライメント
• 文字の向き
• 文字間隔
• リスト項目の間隔
• リスト項目インデント
• リストタイプ
• リストスタイルの種類

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

ボタンのスタイル

ボタンスタイリングでは、ボタンの次のデフォルト形式を変更できます。

• 背景色
• 文字サイズ
• 文字色
• 境界半径
• 境界線の色
• ボーダーウェイト
• ボタンパディング

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

メールテンプレート幅

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

コンテンツブロック幅

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