メールスタイルの基本を学ぶ get-started-email-style

このページ:​カラー、フォント、境界線、余白、パディングなどの設定を、本文、構造またはコンテンツコンポーネントに適用して、E メールデザイナーのスタイルパネルからメールコンテンツのスタイルを調整する方法について説明します。

Journey Optimizer でメールコンテンツの作成を開始すると、E メールデザイナーの​ スタイル ​パネルで多数のスタイルパラメーターおよび属性を調整できます。

変更内容は、メールの本文、構造コンポーネント、コンテンツコンポーネントのいずれかに適用できます。

メール内の任意の要素を選択し、「スタイル」タブをクリックします。 選択した要素のすべてのスタイルオプションが右側のパネルに表示されます。

例えば、テキストコンポーネントを選択した場合、次の操作を実行できます。

  • その段落の​ 背景色 ​と​ フォントカラー ​を調整できます。
  • フォントファミリー、サイズ、高さ、整列などの​ テキスト ​パラメーターを更新し、インデント​設定を使用して行頭文字の前の間隔を管理できます。
  • また、テキストコンポーネントの​境界線余白パディング​などのオプションも調整できます。

デフォルトのコンテンツテンプレートを使用している場合や、メールにテーマを適用している場合は、選択したテーマと一致するように、いくつかのスタイル設定のみを調整できます。 テーマの詳細情報

メールで一部の特定のスタイル設定を調整する方法については、次のリンクを参照してください。

NOTE
欧州アクセシビリティ法では、すべてのデジタル通信がアクセス可能である必要があると規定しています。 Journey Optimizer でコンテンツをデザインする際は、明確さを確保するために色、ラベル、アイコンを調整したり、モバイルやレスポンシブレイアウト向けにデザインを最適化したりするなど、このページに示す特定のスタイル設定ガイドラインに必ず従ってください。
AI Knowledge Reference

This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.

For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.

  • TL;DR: This page explains how to adjust email content style from the Email Designer Styles pane, applying settings such as colors, fonts, borders, margins, and padding to the email body, a structure component, or a content component.

Intents:

  • Adjust styling parameters from the Email Designer Styles pane
  • Apply style changes to the email body, a structure component, or a content component
  • Set background color and font color for a selected component
  • Adjust text parameters such as font family, size, height, and alignment, and use the Indentation setting
  • Adjust border, margin, and padding of a component

Glossary:

  • Styles pane: The Email Designer pane where styling parameters and attributes are adjusted for the selected element (product-specific)
  • Indentation: A text setting that manages the spacing before the first character on a line (product-specific)
  • Content component: An email element (for example a text component) whose style can be adjusted (product-specific)
  • Structure component: An email element to which style changes can be applied (product-specific)

Guardrails:

  • If you are using a default content template or if you applied a theme to your email, you can only adjust a few style settings to match the selected theme.
  • Styling options displayed in the right pane are specific to the selected element; select an element and click the Styles tab to display them.

Terminology:

  • Canonical name: Styles pane — Acronym: n/a — variants: Styles tab
  • Synonyms: n/a
  • Do not confuse: “email body” ≠ “structure component” ≠ “content component” (three distinct scopes to which style changes can be applied)

FAQ:

  • Q: Where do I adjust email styling? — From the Email Designer Styles pane: select an element and click the Styles tab to display its styling options in the right pane.
  • Q: What can I style on a text component? — Background color and Font color, Text parameters (font family, size, height, alignment), the Indentation setting, and Border, Margin, and Padding.
  • Q: Why can I only change a few style settings? — Because you are using a default content template or applied a theme, which limits adjustments to those that match the selected theme.
recommendation-more-help
journey-optimizer-help