メールタイトルコンポーネント email-title-component

メールタイトルコンポーネントは、インプレース編集機能を備えたメールのセクション見出しコンポーネントです。

使用方法 usage

メールタイトルコンポーネントは、メールのセクションのタイトルまたは見出しとして使用するためのものです。

  • 使用可能な見出しレベルは、デザインダイアログでテンプレート作成者が定義できます。
  • コンテンツ作成者は、編集ダイアログで、使用可能な見出しレベルから選択できます。

利便性の向上のため、見出しテキストの簡単なインプレース編集も可能です。

バージョンと互換性 version-and-compatibility

このドキュメントでは、メールタイトルコンポーネントの現在のバージョン(2022年10月にメールコアコンポーネントのリリース x で導入された v1)について説明します。

コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。

コンポーネントのバージョン
AEM 6.5
AEM as a Cloud Service
v1
互換性あり
-

コアコンポーネントのバージョンとリリースについて詳しくは、コアメールコンポーネントのバージョンを参照してください。

技術的詳細 technical-details

タイトルコンポーネントに関する最新の技術ドキュメントについては、GitHub を参照してください。

コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントを参照してください。

編集ダイアログ edit-dialog

編集ダイアログでは、コンテンツ作成者がタイトルテキストを定義したり、見出しレベルを選択したりできます。

  • タイトル - 空白の場合、ページタイトルが使用されます

    • キャンペーンアイコンをクリックして、Adobe Campaign 変数を選択ダイアログを開き、Adobe Campaign から動的コンテンツを挿入します。
  • 種類 / サイズ - タイトルの見出しレベルを定義します

  • リンク - タイトルのリンク先のコンテンツを定義します。コンテンツページへのパス、外部 URL、ページアンカーのいずれかを指定できます。

    • キャンペーンアイコンをクリックして、Adobe Campaign 変数を選択ダイアログを開き、Adobe Campaign から動的コンテンツを挿入します。
  • ID - このオプションを使用すると、HTML 内のコンポーネントの一意の ID を制御できます。

    • 空白のままにした場合、一意の ID が自動的に生成されます。生成された ID は結果のページを調べることで確認できます。
    • ID を指定した場合、作者はその ID が一意であることを確認する必要があります。
    • ID を変更すると、CSS に影響を与える可能性があります。

メールタイトルコンポーネントの編集ダイアログ

インプレースエディターを使用して、タイトルコンポーネントのテキストを編集することもできます。

メールタイトルコンポーネントのインプレース編集

「スタイル」タブ styles-tab-edit

メールタイトルコンポーネントでは、AEM スタイルシステムをサポートしています。

ドロップダウンを使用して、コンポーネントに適用するスタイルを選択します。編集ダイアログでの選択項目は、コンポーネントツールバーから選択した項目と同じ効果があります。

ドロップダウンメニューを使用するには、デザインダイアログでこのコンポーネントのスタイルを設定する必要があります。

タイトルコンポーネントの編集ダイアログの「スタイル」タブ

デザインダイアログ design-dialog

デザインダイアログでは、コンテンツ作成者が使用する際のタイトルコンポーネントのデフォルト見出しレベルをテンプレート作成者が定義できます。

「サイズ」タブ sizes-tab

タイトルコンポーネントのデザインダイアログ

  • 作成者に許可されたタイプ / サイズ - コンテンツ作成者がメールタイトルコンポーネントを使用する際に選択できる見出しタイプを有効または無効にします。
  • デフォルトのタイプ/サイズ - コンテンツ作成者がメールタイトルコンポーネントをページに追加したときに自動的に割り当てられる見出しタイプを定義します。
  • リンクを無効化 - メールタイトルコンポーネントでのリンクのサポートを無効にして、コンテンツ作成者がタイトルからリンクできないようにします。

「スタイル」タブ styles-tab

メールタイトルコンポーネントでは、AEM スタイルシステムをサポートしています。

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c