メールスタイルの管理 managing-styles

Last update: Fri Jul 19 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

電子メールDesignerでは、要素を選択すると、選択したコンテンツのタイプに固有のいくつかのオプションが Settings ペインに表示されます。これらのオプションを使用すると、メールのスタイルを簡単に変更できます。

要素の選択 selecting-an-element

メールDesignerインターフェイスで要素を選択するには、次のいずれかを実行します。

構造ツリーを参照することで、より正確な選択を行うことができます。次のいずれかを選択できます。

列を選択するには、次の操作も実行します。

この節の例を参照してください。

メールの要素を選択します。詳しくは、要素の選択を参照してください。
必要に応じて設定を調整します。選択した要素ごとに異なる設定セットが用意されています。

背景の挿入、サイズの変更、水平方向または垂直方向の整列の変更、色の管理、パディングまたは余白の追加などを行うことができます。

それには、Settings ペインに表示されるオプションを使用するか、インラインスタイル属性を追加します。
コンテンツを保存します。

メールDesigner インターフェイスを使用すると、パディングと余白をすばやく調整できます。

Padding：この設定を使用すると、要素の境界線の内側にあるスペースを管理できます。

例：

Margin：この設定を使用すると、要素の境界線と次の要素の間のスペースを管理できます。

NOTE

選択（構造コンポーネント、列コンポーネント、コンテンツコンポーネント）によっては、結果が同じにならない場合があります。 Adobeでは、列レベルで Padding パラメーターと Margin パラメーターを設定することをお勧めします。

Padding と Margin の両方について、ロックアイコンをクリックして、上下または左右のパラメーターの同期を解除します。これにより、各パラメーターを個別に調整できます。

テキストの位置揃え：テキストの上にマウスのカーソルを置き、コンテキストツールバーを使用してテキストを位置揃えします。
水平方向の位置揃え は、テキスト、画像、ボタンに適用できます。現時点では、Divider コンポーネントと Social コンポーネントには適用されません。
垂直方向の整列 を設定するには、構造コンポーネント内の列を選択し、設定ペインからオプションを選択します。

E メールデザイナーで背景を設定する際の推奨事項は次のとおりです。

使用可能な背景設定を次に示します。

メール全体の Background color を設定します。左側のパレットからアクセスできるナビゲーションツリーで、本文設定を選択していることを確認してください。
Viewport background color を選択して、すべての構造コンポーネントに同じ背景色を設定する。このオプションを使用すると、背景色から別の設定を選択できます。
構造コンポーネントごとに異なる背景色を設定します。左側のパレットからアクセス可能なナビゲーションツリーで構造を選択し、特定の背景色をその構造にのみ適用します。

構造の背景色が隠れてしまう場合があるので、ビューポートの背景色を設定しないでください。

構造コンポーネントのコンテンツの Background image を設定します。

note note
NOTE
一部のメールプログラムでは、背景画像はサポートされていません。サポートされていない場合は、代わりに行の背景色が使用されます。画像を表示できない場合は、必ず適切なフォールバックの背景色を選択してください。

列レベルで背景色を設定します。

note note
NOTE
これは最も一般的な使用例です。アドビでは、メールコンテンツ全体を柔軟に編集できるように、背景色を列レベルで設定することをお勧めします。

また、列レベルで背景画像を設定することもできますが、ほとんど使用されません。

3 列で構成される構造コンポーネント内で、パディングと垂直方向の整列を調整する場合。これを行うには、次の手順に従います。

メール内で直接構造コンポーネントを選択するか、左側の パレット から使用可能な構造ツリーを使用します。
コンテキストツールバー から、「Select a column」をクリックし、編集するツールバーを選択します。構造ツリーから選択することもできます。

その列の編集可能なパラメーターは、右側の Settings ペインに表示されます。
「Vertical alignment」で、「Up」を選択します。

コンテンツコンポーネントは、列の一番上に表示されます。
「Padding」で、列の上のパディングを定義します。鍵アイコンをクリックして、下のパディングとの同期を解除します。

その列の左右のパディングを定義します。
他の列の整列とパディングを調整する場合と同様に行います。
変更内容を保存します。