電子郵件Teaser元件
電子郵件Teaser元件可顯示影像、標題、RTF文字,並可選擇連結至更多內容。
使用狀況
電子郵件Teaser元件可讓內容作者使用影像、標題或RTF文字輕鬆建立Teaser,並連結至其他內容或其他動作。
- 範本作者可以使用 設計對話方塊 定義是否有建立行動號召和新增連結的選項可用,以及停用各種顯示選項。
- 內容作者可以使用 設定對話方塊 若要設定影像、定義CTA、設定標題和說明,以及設定個別Teaser的連結。
- 此 編輯對話方塊 的 電子郵件影像元件 可存取以修改Teaser影像。
版本和相容性
電子郵件Teaser元件的目前版本是v1,此版本隨2022年10月的電子郵件核心元件發行版本X的發佈引入,具體說明見本文。
下表詳細說明元件的所有支援版本、與元件版本相容的AEM版本,以及舊版檔案的連結。
元件版本 |
AEM 6.5 |
AEM as a Cloud Service |
v1 |
相容 |
- |
技術細節
有關電子郵件Teaser元件的最新技術檔案 在GitHub上可找到。
有關開發核心元件的進一步詳細資訊,請參閱 核心元件開發人員檔案。
內容作者可以使用設定對話方塊來定義個別Teaser的屬性。 此外, 編輯對話方塊 修改Teaser影像(如果已選取)。
連結標籤

Teaser標題、說明和影像可以從連結的內容繼承,也可以從第一個號召性用語中連結的內容繼承。 如果未指定連結或號召性用語,則標題、說明和影像將會繼承自目前內容。
- 連結 — 此檔案會連結至內容、外部URL或錨點。
- 行動號召 — 此選項可連結至多個目的地。
- 繼承Teaser標題、說明或影像時,將使用第一個號召性用語中連結的頁面。
- 按一下Campaign圖示以開啟 選取Adobe Campaign變數 對話方塊,插入來自Adobe Campaign的動態內容。
文字索引標籤

- 前置標題 — 前置標題顯示在Teaser的標題之前。
- 標題 — 定義顯示為Teaser大標題的標題。
- 按一下Campaign圖示以開啟 選取Adobe Campaign變數 對話方塊,插入來自Adobe Campaign的動態內容。
- 從連結的頁面取得標題 — 選取後,標題會填入連結頁面的標題。
- 說明 — 定義顯示為Teaser子標題的說明。
- 按一下 選取Adobe Campaign變數 圖示以開啟 選取Adobe Campaign變數 對話方塊,插入來自Adobe Campaign的動態內容。
- 從連結的頁面取得說明 — 選取後,系統會使用連結頁面的說明來填入說明。
- ID — 此選項可讓您控制HTML中元件的唯一識別碼。
- 如果保留為空白,系統會自動為您產生唯一ID,並可透過檢查結果內容找到該ID。
- 若指定ID,作者應負責確認該ID是唯一的。
- 變更ID會對CSS造成影響。
資產標籤

- 從頁面繼承精選影像 — 使用連結頁面的頁面屬性中定義的影像,如果沒有找到,則使用目前頁面。
- 影像資產 — 從拖放資產 資產瀏覽器 或點選 瀏覽 從本機檔案系統上傳的選項。
- 點選或按一下 清除 以取消選取目前選取的影像。
- 點選或按一下 編輯 至 管理資產的轉譯 (在Asset Editor中)。
- 協助工具的替代文字 — 此欄位可讓您為視障使用者定義影像說明。
- 從頁面繼承替代文字 — 此選項使用連結資產值的替代說明,
dc:description
DAM中的中繼資料,或目前頁面的中繼資料(若未連結資產)。
- 不提供替代文字 — 此選項會針對影像純粹起裝飾作用或不向頁面傳達額外資訊的情況,將影像標籤為被熒幕閱讀器等輔助技術忽略。
樣式索引標籤
電子郵件Teaser元件支援AEM 樣式系統。
使用下拉式清單,選取要套用至元件的樣式。 在「編輯」對話方塊中所做的選取與從元件工具列中選擇的效果相同。
必須在以下位置為此元件設定樣式: 設計對話方塊 讓索引標籤可用。
編輯對話方塊
電子郵件Teaser元件會將影像演算委派給 影像元件. 因此, 編輯對話方塊 內容作者可以使用影像元件的來操作Teaser影像。
設計對話方塊
「設計」對話方塊可讓範本作者定義內容作者使用此元件時的Teaser選項。
Teaser索引標籤

- 允許的標題元素 — 使用下拉式清單來定義作者可以為Teaser標題型別選取哪些標題HTML元素。
- 標題的預設標題元素 — 用於Teaser標題型別的預設標題HTML元素
- 呼叫動作
- 元素
- 隱藏前置標題 — 隱藏 前置標題 內容作者的選項
- 隱藏標題 — 隱藏 標題 內容作者的選項
- 顯示標題類型
- 隱藏說明 — 隱藏 說明 內容作者的選項
- 影像委派 — 資訊性顯示,指出「電子郵件Teaser」委派影像處理的元件。
樣式索引標籤
電子郵件Teaser元件支援AEM 樣式系統。
Business.Adobe.com 資源