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

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

グローバルスタイル設定s を編集するには、設定 s > メール環境設定 > ドラッグアンドドロップメール環境設定 に進みます。ドラッグ＆ドロップのメールエディターでスタイルを編集したら、「保存」を選択する。メールキャンペーン＆キャンバスをさらにカスタマイズするために、ドラッグ＆ドロップでエディタブロックを組み込む方法をチェックしよう。

基本的なスタイル

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

カスタムフォント

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

要件

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

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

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

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

カスタムフォントを追加するには、次のようにします。

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

その他のカスタムフォントをメールキャンペーンで使用するには、カスタムフォントを含むメールテンプレートまたはコンテンツブロックを作成する。例えば、セールテーマに合わせた華やかなカスタムフォントでデザインされた特定のメールテンプレートを作成することができる。必ず、選択したフォントが Web セーフであり、メールプラットフォームでサポートされていることを確認してください。

フォールバックフォント

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

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

タイトルスタイル

ここでは、フォントサイズ、フォントカラー、テキストアラインメントを編集して、メールのタイトルのスタイルを調整できます。これは、メインヘッダーと 2 番目のヘッダーに適用されます。

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

段落スタイル

デフォルトの段落スタイルを設定するには、段落スタイルに移動し、フォントサイズを入力し、フォントカラーを選択してフォントカラーを選択します。また、[上に埋め込む]、[右に埋め込む]、[下に埋め込む]、および [左に埋め込む] の値を編集して、本文テキストのブロックのスタイルを調整することもできます。これにより、段落ブロックを囲む4 つの領域すべての間隔にアプリします。

リストスタイル

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

• 文字サイズ
• 文字色
• フォントの太さ
• ライン高さ
• 位置揃え
• 文字の向き
• 文字間隔
• リスト項目の間隔
• リスト項目インデント
• リストのタイプ
• リストスタイルの種類

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

ボタンのスタイル

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

• 背景色
• 文字サイズ
• 文字色
• 境界半径
• 境界線の色
• 境界線の太さ
• ボタンパディング

その他すべてのスタイルのセクションと同様に、[上に埋め込む]、[右に埋め込む]、[下に埋め込む]、および [左に埋め込む] の値を編集することで、ブロックのスタイルを調整できます。

メールテンプレート幅

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

コンテンツブロック幅

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