電子郵件按鈕元件 email-button-component
電子郵件按鈕元件允許您在內容中設定和顯示按鈕專案。
使用情況 usage
電子郵件按鈕元件允許在您的內容中加入按鈕，內容閱讀器可點按，連結到其他資源。
- 可在設定對話方塊中選取按鈕的屬性。
- 電子郵件按鈕元件的樣式可在設計對話方塊中定義。
版本和相容性 version-and-compatibility
電子郵件按鈕元件的目前版本是v1，此版本隨2022年10月的電子郵件核心元件發行版本X的發佈引入，具體說明見本文。
下表詳細說明元件的所有支援版本、與元件版本相容的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 樣式系統。