[限定提供]{class="badge informative"}
メールコンテンツへのテーマの追加 apply-email-themes
テーマを使用すると、技術ユーザー以外でも、標準テンプレートの上にカスタムスタイルを追加することで、特定のブランドやデザイン言語に適合する再利用可能なコンテンツを作成できます。
この機能により、マーケターは、一意のデザインニーズに合わせた高度なカスタマイズオプションを提供しながら、視覚的に魅力的でブランドの一貫性のあるメールをより迅速かつ少ない労力で活用できます。
ガードレールと制限 themes-guardrails
-
メールをゼロから作成する際に、ブランドやデザインに合った特定のスタイルをすばやく適用するには、テーマを使用してコンテンツの作成の開始を選択します。
手動スタイルモードを選択した場合は、メールをリセットしない限り、テーマを適用できません。
-
フラグメントには、テーマを使用モードと手動スタイルモード間で相互互換性がありません。
-
テーマを使用せずに作成されたメールコンテンツでは、テーマフラグメントを使用できません。
-
テーマの設定されたコンテンツで フラグメント を活用するには、このフラグメント自体がテーマを使用して作成されている必要があります。 詳細情報
-
メールコンテンツでフラグメントを使用する場合は、このフラグメントに定義したテーマを適用していることを確認します。 これを怠ると、特に Outlook 2021 以前のバージョンで、表示の問題が発生する可能性があります。 詳細情報
-
-
HTMLで作成したコンテンツを使用する場合は、 互換モード になり、そのコンテンツにテーマを直接適用することはできません。
-
テーマを適用するには、まず読み込んだコンテンツを 新しいテンプレートとして 保存し、次にこのテンプレートをテーマ互換コンテンツに変換する必要があります。 その後、このテンプレートを使用してメールコンテンツを作成できます。 手動スタイル設定で作成されたテンプレートを変換する方法については、 この節 を参照してください。
-
読み込んだHTML コンテンツを変換することもできます。 詳細情報
-
テーマの作成 create-and-edit-themes
今後のメールコンテンツで活用できるテーマを定義するには、次の手順に従います。
-
まず、新しいコンテンツテンプレートを作成します。
-
「テーマを作成または編集」オプションを選択します。
-
Adobe テーマを選択します。 この例では、「デフォルトのテーマ を選択し、「作成 をクリックします。
-
また、「マイテーマ」タブからカスタムテンプレートを選択し、「編集 をクリックして更新することもできます。
-
「一般設定」タブで、ブランドに合った特定の名前を付けてテーマの定義を開始します。 メールのデフォルトのビューポート幅を調整したり、現在のテーマを書き出して サンドボックス間で共有 したりできます。
-
右側のパネルを使用して、様々なタブを移動し、デザイン設定を更新します。
-
「カラー」タブから、次の操作を行います。
-
「編集」ボタンを使用して、ブランドのデフォルトカラーを含む カラーパレット を設定します。プリセットを選択して、カラースキームをすばやく作成するか、テーマの各カラーを個別に調整します。また、両方の組み合わせを使用することもできます。
-
「バリアントを追加」をクリックして、テーマの各バリアントに独自のカラーパレットとニュアンスを持つ複数のカラーバリアント(明暗モードなど)を作成します。
-
各バリアントについて、「編集」アイコンをクリックして、個々の要素を編集します。 作成したデフォルトのパレットや、任意のカスタムカラーを使用できます。
-
-
テキスト設定では、テーマ全体に使用するグローバルフォントを設定できます。より精度の高い制御を行うには、各見出しと段落のタイプを編集して、フォント、サイズ、スタイルなどを調整することもできます。
-
「間隔」タブで、リストから個々の要素を選択し、様々なコンポーネント間の間隔を適切に調整します。
-
右側の他のタブを使用すると、このテーマの各ボタン要素、ディバイダー、追加の画像書式設定、グリッドレイアウト間隔を個別に管理できます。
-
保存 をクリックして、今後の使用のためにこのテーマを保存します。 これで、「マイテーマ タブに表示さ ました。
メールコンテンツへのテーマの適用 apply-themes-email
コンテンツテンプレートまたはメールにデフォルトまたはカスタムのスタイルテーマを適用するには、次の手順に従います。
-
Journey Optimizer では、 メールの追加 ジャーニーまたはキャンペーンへのアクション、メールの作成 コンテンツテンプレート 、 メール本文の編集 を行います。
-
次のいずれかのアクションを選択できます。
-
ビルトインのメールテンプレートを選択して、E メールデザイナーを開きます。各テンプレートに固有のデフォルトのテーマが自動的に適用されます。
-
新しいコンテンツをゼロからデザインし、「テーマを使用」を選択して、定義済みのスタイルテーマから開始します。
note caution CAUTION 手動スタイル設定モードを選択した場合、デザインをリセットしない限り、テーマを適用することはできません。 テーマの設定されたコンテンツで フラグメント を活用するには、このフラグメント自体がテーマを使用して作成されている必要があります。 詳細情報
-
-
E メールデザイナーに移動したら、右側のパネルにある「テーマ」ボタンをクリックします。デフォルトのテーマまたはテンプレートのテーマが表示されます。このテーマでは、2 つのカラーバリアントを切り替えることができます。
-
現在使用しているテーマの横にある矢印をクリックします。使用可能なカスタムテーマとアドビテーマのリストが表示されます。
-
マイテーマ をクリックし、作成したテーマを選択します。
-
ドロップダウンリストの外側をクリックします。新しく選択したカスタムテーマのスタイルは、すべてのメールコンポーネントに自動的に適用されます。カラーバリアントがある場合は、それを切り替えることができます。
-
コンテンツテンプレートでテーマを選択したら、「テーマを編集 ボタンをクリックして更新できます。 詳細情報
{width="40%"}
note note NOTE このオプションは、メールコンテンツでテーマを使用する場合には使用できません。 -
複数のカラーバリアントを使用するテーマを活用する場合、特定の構造コンポーネントに特定のバリアントを選択できます。 これにより、コンテンツ全体にカラーバリアントを定義し、1 つの特定の構造にのみ異なるバリアントを使用できます。
note note NOTE コンテンツコンポーネントに対しては、このアクションを実行できません。 これを行うには、構造コンポーネントを選択し、右側の スタイル タブから「特定のテーマのバリアントを使用 オプションをクリックして、目的のバリアントをその構造に適用します。
この例では、現在のテーマの最初のカラーバリアントがメールコンテンツ全体に適用されますが、3 番目のカラーバリアントが選択した構造に適用されます。 その特定の構造のボディとビューポートの背景色が、その他のコンテンツとは異なることがわかります。
テーマはいつでも切り替えることができます。メールコンテンツは変更されませんが、スタイルは新しいテーマを反映して更新されます。
スタイルのロック解除 unlocking-styles
コンポーネントを選択したら、「スタイル タブの専用アイコンを使用してスタイルのロックを解除できます。
選択したテーマはそのコンポーネントに引き続き適用されますが、スタイル設定要素を上書きすることもできます。 テーマを変更すると、新しいテーマは、上書きされなかったスタイル設定要素にのみ適用されます。
例えば、テキストコンポーネントのロックを解除した場合、 フォントカラーを黒から赤に変更できます。
テーマを変更した場合 コンポーネントのフォントカラーは赤のままですが、このコンポーネントの背景色は新しいテーマに合わせて変更されます。
フラグメントでのテーマの活用 leverage-themes-fragment
テーマが適用 されたテンプレートまたはメールでフラグメントを活用するには、このフラグメント自体がテーマを使用して作成されている必要があります。 そうでない場合、テーマの設定されたコンテンツでこのフラグメントを使用することはできません。
テーマと互換性のあるフラグメントを作成するには、次の手順に従います。
-
Journey Optimizer で、ビジュアルフラグメントを作成し、作成 をクリックして、フラグメントのコンテンツをデザインします。 詳細情報
-
定義済みのスタイル設定テーマから始めるには、「テーマを使用」を選択します。
{width="100%"}
note caution CAUTION 手動スタイル設定モードを選択した場合、フラグメントデザインをリセットしない限り、テーマを適用することはできません。 -
メールDesignerを送信したら、フラグメントの作成を開始できます。
-
右側のパネルにある テーマ ボタンをクリックします。 デフォルトのテーマが表示されます。 このテーマの様々なカラーバリエーションを切り替えることができます。
{align="center" width="100%" modal="regular"}
-
他のテーマを選択して、フラグメントコンテンツをプレビューできます。 これを行うには、デフォルトのテーマの横にある矢印を選択し、「テーマを選択」をクリックします。
{width="40%"}
-
「Adobeテーマ」タブと「マイテーマ」タブ間を移動し、フラグメントに対して(両方のタブから)最大 5 つの互換性のあるテーマを選択できます。
{width="70%"}
note caution CAUTION メールコンテンツでフラグメントを使用する場合は、このフラグメントに定義した テーマを適用 ことを確認します。 これを怠ると、特に Outlook 2021 以前のバージョンで、表示の問題が発生する可能性があります。 -
「閉じる」をクリックします。
-
デフォルトテーマ の横にある矢印を再度選択します。 選択したテーマを切り替えて、各スタイル レンダリングをプレビューできるようになりました。
{width="90%"}
-
もう一度 テーマを選択 をクリックして、テーマを追加したり、選択を変更したりします。
テンプレートをテーマと互換性のあるものにする theme-convertor
Journey Optimizer を使用すると、手動のスタイル設定を使用して作成されたテンプレートを、テーマ互換のコンテンツに変換できます。 これは、テーマを Journey Optimizer に取り込む前にコンテンツテンプレートを作成した場合や、外部コンテンツを読み込む場合に特に便利です。
-
メール コンテンツテンプレート を開き、メールDesignerを使用してそのコンテンツを編集します。
-
右側のパネルで テーマ アイコンを選択し、「コンテンツからテーマを生成 ボタンをクリックします。
{width="100%"}
-
テーマを作成 ウィンドウが開きます。 Journey Optimizer は、スタイル設定要素を自動的に検出し、それらを新しいテーマに統合します。
{width="90%"}
-
テーマの名前を指定します。
-
カラーバリアントの追加やフォントの編集など、ゼロからテーマを作成する場合と同様に、必要に応じて独自の調整を行います。 詳細情報
{width="90%"}
-
保存 をクリックして、再利用するためにこの新しいテーマを保存します。 これで、このテーマを他のテーマなどのコンテンツに適用できます。 詳細情報