このページ： E メールデザイナーで、メールの本文、ビューポート、構造、列レベルで背景色や画像を設定する方法について説明します。
E メールデザイナーで背景を設定する場合、アドビでは次の操作を推奨します。
- デザインで必要な場合は、メールの本文に背景色を適用します。
- 通常は、列レベルで背景色を設定します。
- 管理が困難な画像やテキストコンポーネントでは、背景色を使用しないようにしてください。
使用可能な背景の設定は次のとおりです。
-
メール全体に対して 背景色 を設定する。 左側のパレットからアクセスできるナビゲーションツリーで、本文の設定を選択していることを確認します。
-
「ビューポートの背景色」を選択して、すべての構造コンポーネントに同じ背景色を設定する。 このオプションを使用した場合、背景色とは異なる設定を選択できます。
-
構造コンポーネントごとに異なる背景色を設定する。 左側のパレットからアクセス可能なナビゲーションツリーで構造を選択し、特定の背景色をその構造にのみ適用します。
構造の背景色が隠れる場合があるので、ビューポートの背景色は設定しないでください。
-
構造コンポーネントのコンテンツに 背景画像 を設定する。
note NOTE 一部のメールプログラムは、背景画像をサポートしていません。 サポートされていない場合は、行の背景色が代わりに使用されます。 画像を表示できない場合に備えて、適切な代替背景色を選択してください。 
-
列レベルで背景色を設定する。
note NOTE これは、最も一般的なユースケースです。 アドビでは、メールコンテンツ全体をより柔軟に編集できるよう、列レベルで背景色を設定することをお勧めします。 また、列レベルで背景画像を設定することもできますが、この設定はほとんど使用されません。
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 set background colors and images at the body, viewport, structure, and column levels of an email in the Email Designer, and Adobe’s recommendations for doing so.
Intents:
- Set a Background color for the whole email at the body level
- Set the same background color for all structure components using Viewport background color
- Set a different background color for each structure component
- Set a Background image for the content of a structure component
- Set a background color (and, rarely, a background image) at the column level
Glossary:
- Background color: A color applied to the whole email when the body settings are selected in the navigation tree (product-specific)
- Viewport background color: A setting that applies the same background color to all structure components, selectable separately from the background color (product-specific)
- Background image: An image set for the content of a structure component; falls back to the row background color when not supported (product-specific)
Guardrails:
- Some email programs / clients do not support background images; when not supported, the row background color is used instead, so select an appropriate fallback background color.
- When setting a different background color per structure component, do not set a viewport background color, as it may hide the structure background colors.
- Adobe recommends setting background colors at the column level as the most common use case, for more flexibility when editing the whole email content.
- Try not to use background colors on image or text components, as they are difficult to manage.
Terminology:
- Canonical name: Background — Acronym: n/a — variants: background color, background image
- Do not confuse: “Background color” (body-level, whole email) ≠ “Viewport background color” (same color for all structure components)
- Do not confuse: “Background color” (supported broadly) ≠ “Background image” (not supported by all email clients)
FAQ:
- Q: Where does Adobe recommend setting background colors? — At the column level, which is the most common use case and allows more flexibility when editing the whole email content.
- Q: What happens if a background image is not supported by an email client? — The row background color is used instead, so select an appropriate fallback background color.
- Q: How do I apply the same background color to all structure components? — Select Viewport background color, which can be set separately from the background color.
- Q: Why might my per-structure background colors not appear? — A viewport background color may hide the structure background colors; do not set one in that case.