[利用制限]{class="badge informative"}
メールコンテンツへのテーマの追加 apply-email-themes
テーマを使用すると、技術に詳しくないユーザーでも、標準テンプレート の上にカスタムスタイルを追加することで、特定のブランドやデザイン言語に合った再利用可能なコンテンツを作成できます。
この機能により、マーケターはブランドに即した魅力的な電子メールを、より迅速かつ容易に活用できるようになります。また、独自のデザインニーズに合わせて高度なカスタマイズオプションを利用できます。
ガードレールと制限 themes-guardrails
-
ゼロからメールを作成する場合、テーマを使ってコンテンツの作成を開始し、ブランドやデザインに合った特定のスタイルをすばやく適用することができます。
手動スタイルモードを選択した場合、メールをリセットしない限り、テーマを適用することはできません。
-
フラグメント は、テーマの使用モードと手動スタイル設定モードの間で互換性がありません。
-
テーマを使用せずに作成された電子メールコンテンツでは、テーマ別のフラグメントは使用できません。
-
テーマ別コンテンツで フラグメント を活用するには、このフラグメントがテーマを使用して作成されている必要があります。 詳細情報
-
メールコンテンツでフラグメントを使用する場合は、このフラグメントに定義したテーマを適用していることを確認してください。 そうしないと、特にOutlook 2021以前のバージョンで、表示の問題が発生する可能性があります。 詳細情報
-
-
HTMLで作成されたコンテンツを使用している場合、互換モード になり、このコンテンツにテーマを直接適用することはできません。
-
テーマを適用するには、最初に読み込んだコンテンツ を新しいテンプレート として保存してから、このテンプレートをテーマ互換コンテンツに変換する必要があります。 次に、このテンプレートを使用してメールコンテンツを作成します。 手動スタイル設定で作成したテンプレートをこのセクション で変換する方法を説明します。
-
また、読み込んだHTML コンテンツを変換することもできます。 詳細情報
-
-
テーマでカスタム web フォント（Google フォントを含む）を使用する場合は、多くのメールクライアントがサポートしていないことに注意してください。 あらゆるメールクライアントで読みやすさを確保するために、テーマで適切なフォールバックフォントを常に定義します。
- GmailとYahoo! HTML/CSSで指定したフォントファミリーに関係なく、外部のweb フォントを読み込まず、システムフォントにフォールバックします。
- GmailでサポートされているGoogle フォントは、RobotoとGoogle Sansのみです。
- doがWeb フォントをサポートしている電子メールクライアントには、Apple Mail、iOS Mail、Android Mail、Thunderbird、Outlook for macOSなどがあります。
テーマを作成 create-and-edit-themes
今後のメールコンテンツで活用できるテーマを定義するには、次の手順に従います。
-
開始するには、新しい コンテンツテンプレート を作成します。
-
「テーマを作成または編集」オプションを選択します。
-
Adobeのテーマを選ぶ。 この例では、Default themeを選択し、Createをクリックします。
-
マイテーマ タブからカスタムテンプレートを選択し、編集をクリックして更新することもできます。
-
「一般設定」タブで、ブランドに適した特定の名前を付けてテーマの定義を開始します。 メールのデフォルトの表示幅を調整できます。
-
右側のパネルを使用して、様々なタブを移動し、デザイン設定を更新します。
-
「カラー」タブから：
-
「編集」ボタンを使用して、ブランドのデフォルトカラーを含む カラーパレット を設定します。 プリセットを選択して、すばやくカラースキームを作成するか、テーマの各色を個別に調整します。 両方を組み合わせて使用することもできます。
-
「バリエーションを追加」をクリックして、ライトモードやダークモードなど、テーマの各バリエーションに独自のカラーパレットとニュアンスのコントロールがある複数のカラーバリエーションを作成します。
追加パレット用のバリアントを追加する
-
バリエーションごとに、編集 アイコンをクリックして、個々の要素を編集します。 作成したデフォルトのパレットまたは任意のカスタムカラーを使用できます。
-
-
テキスト設定では、テーマ全体で使用するグローバルフォントを設定できます。 さらに細かくコントロールするには、各見出しと段落タイプを編集して、フォント、サイズ、スタイルなどを調整することもできます。
note note NOTE カスタム web フォントを選択する場合は、GmailやYahoo！などの多くのメールクライアントに注意してください。 外部web フォントはサポートしておらず、システムフォントにフォールバックします。 あらゆるメールクライアントでコンテンツが正しく表示されるように、フォールバックフォントを含めることを検討してください。 詳細情報 -
「間隔」タブで、リストから個々の要素を選択して、異なるコンポーネント間で適切に間隔を空けます。
-
右側の他のタブを使用すると、このテーマの各ボタン要素、ディバイダ、追加の画像書式設定、グリッドレイアウト間隔を個別に管理できます。
-
保存をクリックして、このテーマを今後の使用のために保存します。 マイテーマ タブに表示されるようになりました。
メールコンテンツへのテーマの適用 apply-themes-email
コンテンツテンプレートまたはメールにデフォルトまたはカスタムのスタイル設定テーマを適用するには、次の手順に従います。
-
Adobe Campaignでは、 メール配信を作成するか、既存の配信から作業するか、メール コンテンツテンプレート を作成し、 メールコンテンツを編集します。
-
次のいずれかのアクションを選択できます。
-
ビルトインの メールテンプレート を選択して、メールDesignerを開きます。 各テンプレートに固有のデフォルトテーマが自動的に適用されます。
-
新しいコンテンツを最初からデザイン し、テーマを使用を選択して、定義済みのスタイル設定テーマから開始します。
note caution CAUTION 手動スタイルモードを選択した場合、デザインをリセットしない限り、テーマを適用することはできません。 テーマ別コンテンツで フラグメント を活用するには、このフラグメントがテーマを使用して作成されている必要があります。 詳細情報
-
-
メールDesignerで、右側のパネルの「テーマ」ボタンをクリックします。 デフォルトのテーマまたはテンプレートのテーマが表示されます。 このテーマでは、2つのカラーバリエーションを切り替えることができます。
-
現在使用しているテーマの横にある矢印をクリックします。 使用可能なカスタムテーマとAdobe テーマのリストが表示されます。
-
マイテーマをクリックし、作成したテーマを選択します。
-
ドロップダウンリストの外側をクリックします。 新しく選択したカスタムテーマは、すべてのメールコンポーネントにそのスタイルを自動的に適用します。 カラーバリエーションがあれば、切り替えることができます。
-
コンテンツテンプレートでテーマを選択した場合、「テーマを編集」ボタンをクリックして更新できます。 詳細情報
note note NOTE このオプションは、メールの内容でテーマを使用する場合は使用できません。 -
複数のカラーバリエーションを使用してテーマを活用する場合は、特定の構造コンポーネントに対して特定のバリエーションを選択できます。 これにより、コンテンツ全体に対してカラーバリアントを定義し、特定の構造に対してのみ異なるバリアントを使用することができます。
note note NOTE コンテンツコンポーネントに対してこのアクションを実行することはできません。 これを行うには、構造コンポーネントを選択し、右側の「スタイル」タブから「特定のテーマのバリエーションを使用」オプションをクリックして、目的のバリエーションをその構造に適用します。
この例では、現在のテーマの最初のカラーバリエーションはメールコンテンツ全体に適用されますが、3番目のカラーバリエーションは選択した構造に適用されます。 特定の構造の本文とビューポートの背景色が、他のコンテンツとは異なることがわかります。
いつでもテーマを切り替えることができます。 メールコンテンツは変更されませんが、新しいテーマを反映するようにスタイルが更新されます。
スタイルのロック解除 unlocking-styles
コンポーネントを選択すると、「スタイル」タブの専用アイコンを使用して、そのスタイルのロックを解除できます。
選択したコンポーネントの「
選択したテーマは、そのコンポーネントに適用されますが、そのスタイル設定エレメントを上書きできます。 テーマを変更すると、新しいテーマは、上書きされなかったスタイル要素にのみ適用されます。
例えば、テキストコンポーネントのロックを解除すると、フォントカラーを黒から赤に変更できます。
テーマを変更した場合、そのコンポーネントのフォントカラーはまだ赤ですが、このコンポーネントの背景色は新しいテーマで変更されます。
フラグメント内のテーマの活用 leverage-themes-fragment
テーマが適用されたテンプレートまたはメール内のフラグメントを活用するには、 テーマを使用して、このフラグメント自体が作成されている必要があります。 そうでない場合、テーマ別コンテンツでこのフラグメントを使用することはできません。
テーマと互換性のあるフラグメントを作成するには、次の手順に従います。
-
Adobe Campaignで、ビジュアルフラグメントを作成し、作成をクリックして、フラグメントのコンテンツをデザインします。 詳細情報
-
「テーマを使用」を選択して、定義済みのスタイル設定テーマから開始します。
note caution CAUTION 手動スタイル設定モードを選択した場合、フラグメントデザインをリセットしない限り、テーマを適用することはできません。 -
メールDesignerで、フラグメントの作成を開始できます。
-
右側のパネルの「テーマ」ボタンをクリックします。 デフォルトのテーマが表示されます。 このテーマの異なるカラーバリエーションを切り替えることができます。
-
他のテーマを選択して、フラグメントコンテンツをプレビューできます。 これを行うには、デフォルトのテーマの横にある矢印を選択し、テーマを選択をクリックします。
-
Adobe テーマと マイテーマ の間を移動し、フラグメントに対応するテーマを（両方のタブから）最大5つ選択できます。
note caution CAUTION メールコンテンツでフラグメントを使用する場合は、このフラグメントに定義したテーマ を適用してください。 そうしないと、特にOutlook 2021以前のバージョンで、表示の問題が発生する可能性があります。 -
「閉じる」をクリックします。
-
デフォルトテーマの横にある矢印をもう一度選択します。 選択したさまざまなテーマを切り替えて、各スタイルレンダリングをプレビューできるようになりました。
テーマパネルでプレビュー用に複数のテーマを選択した
-
「テーマを選択」をもう一度クリックして、さらにテーマを追加するか、選択範囲を変更します。
テーマに対応したテンプレートにする theme-convertor
Adobe Campaignを使用すると、手動スタイル設定を使用して作成されたテンプレートをテーマ互換コンテンツに変換できます。 これは、テーマがAdobe Campaignに導入される前にコンテンツテンプレートを作成した場合や、外部コンテンツを読み込む場合に特に便利です。
-
電子メール コンテンツテンプレート を開き、電子メール Designerを使用してコンテンツを編集します。
-
右側のパネルで「テーマ」アイコンを選択し、「コンテンツからテーマを生成」ボタンをクリックします。
「コンテンツからテーマを生成」ボタンがハイライト表示された
-
「テーマを作成」ウィンドウが開きます。 Adobe Campaignは、スタイル設定の要素を自動的に検出し、新しいテーマに統合します。
-
テーマに名前を付けます。
-
カラーバリエーションの追加やフォントの編集など、ゼロからテーマを作成する場合と同様に、必要に応じて独自の調整を行います。 詳細情報
-
保存をクリックして、この新しいテーマを再利用のために保存します。 このテーマを、他のテーマなどのコンテンツに適用できるようになりました。 詳細情報