コンテンツコンポーネントの使用 content-components

E メールデザイナーで、既存のコンテンツを使用するか、構造 ​を空のコンテンツにドラッグ＆ドロップして、メールのレイアウトを定義します。方法については、こちらを参照してください。

選択した​ コンテンツ ​を、関係のある構造内にドラッグ＆ドロップします。

{modal="regular"}

コンテキストの「設定」タブを使用して、各コンポーネントのオプションを調整します。例えば、デスクトップやモバイルデバイスのみ、またはその両方に表示するように選択できます。また、このタブでリンクオプションを管理することもできます。リンク管理の詳細情報

「スタイル」タブを使用して、各コンポーネントのスタイル属性を調整します。例えば、各コンポーネントのテキストスタイル、パディングまたは余白を変更できます。 詳しくは、整列とパディングを参照してください

{modal="regular"}

右側のパネルにある​ コンテンツ ​の詳細メニューで、必要に応じてコンテンツコンポーネントを簡単に削除または複製できます。

コンテンツ ​リストから、ボタン ​コンポーネントを​ 構造 ​コンポーネントにドラッグ＆ドロップします。

{modal="regular"}

新しく追加したボタンをクリックして、テキストをパーソナライズし、「設定」タブと「スタイル」タブにアクセスします。

{modal="regular"}

「設定」タブの「URL」フィールドに、ボタンをクリックしたときにリダイレクトする URL を追加します。

「ターゲット」ドロップダウンリストで、コンテンツの表示方法を選択します。

• なし：クリックされたのと同じフレームでリンクを開きます（デフォルト）。
• 空白：リンクを新しいウィンドウまたはタブで開きます。
• セルフ：クリックされたのと同じフレームでリンクを開きます。
• 親：親フレームでリンクを開きます。
• 上位：ウィンドウの全体でリンクを開きます。

{modal="regular"}

境界線、サイズ、余白 ​などのスタイル属性を変更することで、ボタンをさらにカスタマイズできます。「スタイル」タブから変更します。

コンテンツ ​メニューから、テキスト ​を​ 構造 ​コンポーネントにドラッグ＆ドロップします。

{modal="regular"}

新しく追加したコンポーネントをクリックして、テキストをパーソナライズしたり、「設定」タブと「スタイル」タブにアクセスしたりします。

コンテキストツールバーから使用できる次のオプションを使用して、テキストを変更します。

{modal="regular"}

• テキストスタイルを変更：テキストに太字、斜体、下線または取り消し線を適用します。
• 整列を変更：テキストの配置を左揃え、右揃え、中央揃えまたは両端揃えにします。
• リストを作成：テキストに箇条書きリストまたは番号リストを追加します。
• 見出しを設定：テキストに最大 6 つの見出しレベルを追加します。
• フォントサイズ：テキストのフォントサイズをピクセル単位で選択します。
• 画像を編集：テキストコンポーネントに画像またはアセットを追加します。
• ソースコードを表示：テキストのソースコードを表示します。これは変更できません。
• 複製：テキストコンポーネントのコピーを追加します。
• 削除：選択したテキストコンポーネントをメールから削除します。
• パーソナライゼーションを追加：パーソナライゼーションフィールドを追加して、プロファイルデータからコンテンツをカスタマイズします。
• 条件付きコンテンツを有効にする：条件付きコンテンツを追加して、コンポーネントのコンテンツをターゲットプロファイルに適応させます。

その他のスタイル属性（テキストの色、フォントファミリー、境界線、パディング、余白など）を「スタイル」タブから調整します。

{modal="regular"}

コンポーネント ​から、HTML コンポーネントを​ 構造 ​コンポーネントにドラッグ＆ドロップします。

{modal="regular"}

新しく追加したコンポーネントをクリックし、コンテキストツールバーから「ソースコードを表示」選択して HTML を追加します。

{modal="regular"}

コンテンツ ​メニューで、画像 ​コンポーネントを​ 構造 ​コンポーネントにドラッグ＆ドロップします。

{modal="regular"}

「参照」をクリックして、アセットから画像ファイルを選択します。また、「メディアを読み込み」を選択することもできます。

Adobe Experience Manager でアセットをアップロードおよび追加する方法について詳しくは、Adobe Experience Manager as a Cloud Service ドキュメントを参照してください。

{modal="regular"}

フォルダー内を移動して必要な特定のアセットを見つけるか、検索バーを使用して効率的に見つけます。

検索しているアセットが見つかったら、「選択」をクリックします。

{modal="regular"}

新しく追加したコンポーネントをクリックし、「設定」タブを使用して画像プロパティを設定します。

• 画像タイトル ​を使用すると、画像のタイトルを指定できます。
• 代替テキスト ​を使用すると、画像にリンクされたキャプションを定義できます。これは、HTML の alt 属性に対応します。

{modal="regular"}

オーディエンスを別のコンテンツにリダイレクトするリンクを追加できます。詳細情報

余白、境界線など、他のスタイル属性を、「スタイル」タブを使用して調整します。

コンテンツ ​コンテンツメニューから、ソーシャル ​コンポーネントを​ 構造 ​コンポーネントにドラッグ＆ドロップします。

新しく追加したコンポーネントをクリックします。

「設定」タブの「ソーシャル」フィールドで、追加または削除するソーシャルメディアを選択します。

{modal="regular"}

「画像のサイズ」フィールドでアイコンのサイズを選択します。

各ソーシャルメディアアイコンをクリックして、オーディエンスのリダイレクト先の URL を設定します。

{modal="regular"}

必要に応じて、「ソース」フィールドで各ソーシャルメディアのアイコンを変更することもできます。

スタイル、余白、境界線など、他のスタイル属性を、「スタイル」タブから調整します。