メールボタンコンポーネント email-button-component
メールボタンコンポーネントを使用すると、コンテンツ内のボタン項目を設定および表示できます。
使用方法 usage
メールボタンコンポーネントを使用すると、コンテンツリーダーがクリック可能なボタンをコンテンツに含め、追加のリソースにリンクできます。
バージョンと互換性 version-and-compatibility
このドキュメントでは、メールボタンコンポーネントの現在のバージョン（2022年10月にメールコアコンポーネントのリリース x で導入された v1）について説明します。
コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。
コアコンポーネントのバージョンとリリースについて詳しくは、メールコアコンポーネントのバージョンのドキュメントを参照してください。
技術的詳細 technical-details
メールボタンコンポーネントに関する最新の技術ドキュメントについては、GitHub を参照してください。
コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントを参照してください。
設定ダイアログ configure-dialog
設定ダイアログでは、ボタンと、その動作およびコンテンツの読者に対する表示をコンテンツ作成者が定義できます。
「プロパティ」タブ properties-tab
-
テキスト - ボタンに表示するテキスト
- Campaign アイコンをクリックして、Adobe Campaign 変数を選択ダイアログを開き、Adobe Campaign 内の動的コンテンツを挿入できます。
-
リンク - AEM 内のコンテンツページ、外部リソース、アンカーへのリンク
- 選択ダイアログ を使用して、AEM 内のパスを選択します。
- Campaign アイコンをクリックして、Adobe Campaign 変数を選択ダイアログを開き、Adobe Campaign 内の動的コンテンツを挿入できます。
-
アイコン - ボタンにアイコンを表示するための識別子
-
ID - このオプションを使用すると、HTML 内のコンポーネントの一意の ID を制御できます。
- これを空白のままにした場合、一意の ID が自動的に生成されます。生成された ID は結果のページを調べることで確認できます。
- ID を指定した場合、作者はその ID が一意であることを確認する必要があります。
- ID を変更すると、CSS に影響を与える可能性があります。
-
リンクを新しいタブで開く - オンにすると、リンクは新しいブラウザータブで開きます。
「アクセシビリティ」タブ accessibility-tab
「アクセシビリティ」タブでは、コンポーネントの「ARIA アクセシビリティ」ラベルの値を設定できます。
- ラベル - コンポーネントの ARIA ラベル属性の値
「スタイル」タブ styles-tab-edit
メールボタンコンポーネントでは、AEM スタイルシステムをサポートしています。
ドロップダウンを使用して、コンポーネントに適用するスタイルを選択します。編集ダイアログでの選択項目は、コンポーネントツールバーから選択した項目と同じ効果があります。
このタブを使用するには、デザインダイアログでこのコンポーネントのスタイルを設定する必要があります。
デザインダイアログ design-dialog
「スタイル」タブ styles-tab
メールボタンコンポーネントでは、AEM スタイルシステムをサポートしています。