ブランドテーマ brand-themes

ブランドテーマを使用すると、メールテンプレートにカスタムスタイルを追加することで、特定のブランドとデザイン言語に適合する再利用可能なコンテンツを簡単に作成できます。

この機能により、マーケターは、一意のデザインニーズに合わせた高度なカスタマイズオプションを提供しながら、視覚的に魅力的でブランドの一貫性のあるメールをより迅速かつ少ない労力で活用できます。

テーマの作成 create-a-theme

  1. 手順に従って ​ メールテンプレートを作成 ​ します。

  2. テンプレートのデザイン 画面で、「テーマを作成または編集」を選択します。

  3. 基礎としてデフォルトのテーマを選択し、作成 をクリックします。

  4. キャンバスが開き、テーマの様々な部分を編集できます。

設定 settings

すべての設定オプションには、右側のアイコンからアクセスできます。 それぞれについて説明します。

一般設定 general-settings

テーマに名前を付け、ビューポートのサイズを調整します。

colors

カラーを調整しながら、メインパネルに反映される変更を確認します。

NOTE
デフォルトのテーマに基づいて、一連のスウォッチが既に設定されています。

編集」をクリックします。

プリセットから選択することも、セット内の各色を個別に設定することもできます。 パレットを選択すると、後で別のカラー設定でこれらのカラーにアクセスできるようになります。

編集が完了したら、戻るには左向き矢印( 左向き矢印アイコン )をクリックします。

バリアントを編集するには、その鉛筆アイコンをクリックします。

NOTE
最大 6 つのバリアントを作成できます。

複数の要素をカスタマイズできます。 バリアント設定は次のカテゴリにグループ化されます。

  • 一般
  • 見出し
  • 段落
  • ボタン

一般

これらの設定を使用すると、本文、構造、背景、コンテナ、画像などのカラーを設定できます。

見出し

各見出しタイプのテキストと境界線の色を [ 見出し 1] から [ 見出し 6] に設定します。

段落

テキストと境界線のカラーを最大 3 つの段落タイプに設定します。

ボタン

プライマリ、セカンダリ、三次の 3 種類のボタンの塗りつぶし、境界線、およびテキストの色を設定します。

テキスト設定 text-settings

グローバル、見出しおよび段落のフォントタイプとサイズを設定します。

グローバル

標準またはGoogleのフォントライブラリとそれぞれのフォントファミリーを選択します。

見出し

異なる見出しタイプに対して、フォントライブラリ、ファミリー、サイズ、テキストスタイル、テキストの配置を設定します。

段落

異なる段落プリセットに対して、フォントライブラリ、ファミリー、サイズ、テキストスタイルおよびテキストの配置を設定します。

間隔と境界線 spacing-and-border

複数の異なる構造から選択し、余白、パディングまたは境界線をカスタマイズします。

次の例では、コンテナをカスタマイズしています。

余白

パディング

コーナー

罫線

境界線をオンに切り替えて、サイズ、スタイル、位置を設定するオプションを表示します。

以下に、境界線のスタイルを変更する視覚的な例を示します。

タイプ
サイズとスタイルの設定
効果
破線
点線
実線

境界線の表示/非表示を切り替えます。 次の例では、上部の境界線は非表示です。

位置設定
効果

ボタン設定 button-settings

ボタンの非色要素(形状、半径、テキスト、サイズなど)を設定します。 3 つのプリセット(プライマリ、セカンダリ、3 次)があります。

設定
説明
境界線/境界線の半径
ボタンの境界線のコーナーの曲率
境界線/境界線のサイズ
ボタンの境界線の太さ
境界線/境界線のスタイル
ボタンの境界線のスタイル(破線、実線、点線など)
プライマリ/セカンダリ/三次
ボタン設定の 3 つのプリセットの設定を許可します
サイズ > 高さ
ボタンの高さ設定
サイズ > 幅
ボタンの幅設定
テキスト/フォントファミリー
ボタンテキストのフォントファミリーの選択
テキスト/フォントライブラリ
ボタンテキストのフォントライブラリの選択
テキスト/フォントサイズ
ボタンテキストのフォントサイズ
テキスト / テキストの整列
ボタンテキストの配置
テキスト / テキストスタイル
ボタンテキストのテキストスタイル(太字、斜体、下線、取り消し線)

ディバイダー divider

ディバイダーのラインとコンテナのタイプを設定します。

グリッド設定 grid-settings

列の間隔 を使用して、グリッドの間隔をコントロールします。

終了したら「保存」をクリックします。

既存のテーマの編集 edit-a-brand-theme

  1. 手順に従って ​ メールテンプレートを作成 ​ します。

  2. テンプレートのデザイン 画面で、「テーマを作成または編集」を選択します。

  3. マイテーマ」タブをクリックします。

  4. 目的のテーマを選択します。 作成 ボタンは 編集 ボタンになります。 「編集」をクリックします。

  5. キャンバスが編集用に開きます。 設定 のオプションで必要な変更を行います。

TIP
作業内容を忘れずに保存してください。

ブランドテーマの使用 using-brand-themes

メール、メールテンプレート、フラグメントをまたいでテーマを活用します。

エディターで構造とコンポーネントを作成し、ブランドテーマとそのバリアントを適用できます。

メール内 in-your-emails

  1. 手順に従って ​ メールを作成 ​ します。

  2. 作成後、「メールコンテンツを編集」をクリックします。

  3. ゼロからデザイン」を選択します。

  4. テーマを使用 (デフォルトで選択されている必要があります)を選択し、「確認」をクリックします。

NOTE
定義したブランドテーマを活用できるのは、このオプションで作成したメールのみです。
  1. 右側のバーにある テーマ アイコンをクリックします。

  2. Adobeのテーマまたは作成済みのテーマから選択します。

    note note
    NOTE
    • キャンバスでメールコンテンツをデザインし、コンテンツに適用するテーマを選択します。
    • 1 つのメールに含めることができるブランドテーマは 1 つだけです。
    • このアセットで作成された任意のコンポーネントについて、右側のパネルの「スタイル」タブから、テーマ内で使用可能な任意のスタイル設定オプションを適用できます(例えば、call-to-actionは 1 次/2 次/3 次として設定できます)。
  3. 目的のデザインを実装します。 例えば、テキストコンポーネントを選択して、テーマで定義されている見出しや段落のスタイル設定を適用できます。

    note note
    NOTE
    「スタイル」タブは、コンポーネントのスタイル設定のクリエイティブな自由がある、従来の手動スタイル設定メールとは異なる表示になります。

テンプレートをテーマと互換性のあるものにする make-a-template-compatible

  1. 目的のテンプレートを見つけて選択します。

  2. メールテンプレートを編集 をクリックします。

  3. テーマ アイコンをクリックし、「コンテンツからテーマを生成」をクリックします。

  4. テーマを作成 ウィンドウが開きます。 Marketo Engageは、スタイル要素を自動的に検出し、新しいテーマに統合します。

  5. テーマに名前を付けます。

  6. 最初からテーマを作成する場合と同様に、必要な変更を加えます。 終了したら「保存」をクリックします。

フラグメントで in-your-fragments

  1. 手順に従って ​ フラグメントを作成 ​ します。

  2. 設定 のオプションを使用してコンテンツテーマをデザインします。

それ以降にキャンバスで作成されたすべてのフラグメントコンテンツには、選択したテーマが採用されます。 また、テーマの任意のバリアントをコンテンツに適用することもできます。

フラグメントが公開されたら、テーマを使用して作成された任意のメール / メールテンプレートで使用できます。

注意事項 things-to-note

  • メールをゼロから作成する場合、テーマを使用してコンテンツの作成を開始し、ブランドとデザインに合った特定のスタイル設定をすばやく適用することができます。 クラシックモードを選択した場合は、メールをリセットしない限り、テーマを適用できません。

  • フラグメントは、テーマモードとクラシックモード間で相互互換性がありません。 テーマが適用されるコンテンツでフラグメントを使用できるようにするには、テーマモードでフラグメントを作成する必要があります。

  • テーマを更新しても、テーマを使用するすべてのアセットに自動的にカスケードされるわけではありません。 テーマを更新するには、個々のオブジェクトを編集する必要があります。

  • テーマを削除しても、そのテーマを使用しているアセットには影響しません。

recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac