電子郵件 Teaser 元件 email-teaser-component

Last update: Mon Oct 06 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

電子郵件 Teaser 元件可顯示影像、標題、RTF 文字，並可選擇性地連結至更多內容。

用途 usage

「電子郵件 Teaser 元件」可讓內容作者使用影像、標題或 RTF 文字輕鬆建立 Teaser，並連結至更多內容或其他動作。

電子郵件 Teaser 元件的目前版本為 v1，此版本於 2022 年 10 月隨著電子郵件核心元件 x 版發行導入，詳情請參閱本文件。

下表詳細說明該元件的所有支援版本、與元件版本相容的 AEM 版本，以及舊版文件的連結。

元件版本

AEM 6.5

AEM 6.5 LTS

AEM as a Cloud Service

相容

在 GitHub 上可找到有關電子郵件 Teaser 元件的最新技術文件。

如需開發「核心元件」的進一步詳細資訊，請參閱核心元件開發人員文件。

內容作者可以使用設定對話框定義個別 Teaser 的屬性。若已選取 Teaser 影像，同樣可透過編輯對話框修改。

電子郵件 Teaser 元件的編輯對話框連結索引標籤

Teaser 標題、說明和影像可以從所連結的頁面繼承，也可以從第一個行動號召中所連結的頁面繼承。如果連結或行動號召都未指定，則會從當前的頁面繼承標題、說明和影像。

連結 - 此檔案連結至內容、外部 URL 或錨點。
- 按一下行銷活動圖示以開啟選取 Adobe Campaign 變數對話框，插入來自 Adobe Campaign 的動態內容。
行動號召 - 此選項允許連結至多個目標。
- 繼承 Teaser 標題、說明或影像時，將使用第一個行動號召中所連結的頁面。
- 按一下行銷活動圖示以開啟選取 Adobe Campaign 變數對話框，插入來自 Adobe Campaign 的動態內容。

電子郵件 Teaser 元件的編輯對話框文字索引標籤

前置標題 - 前置標題將顯示在 Teaser 標題之前。
標題 - 定義要顯示為 Teaser 標題的標題。
- 按一下行銷活動圖示以開啟選取 Adobe Campaign 變數對話框，插入來自 Adobe Campaign 的動態內容。
- 從連結的頁面取得標題 - 勾選後，標題將填入連結頁面的標題。
說明 - 定義要顯示為 Teaser 副標題的說明。
- 按一下 選取 Adobe Campaign 變數 圖示，開啟選取 Adobe Campaign 變數對話框，插入 Adobe Campaign 的動態內容。
- 從連結頁面取得說明 - 勾選後，說明將填入連結頁面的說明。
ID - 此選項允許控制 HTML 中元件的唯一識別碼。
- 如果留空，則會自動產生唯一識別碼，您可以透過檢查得出的內容找到該 ID。
- 若已指定 ID，則作者應確保其為唯一識別碼。
- 變更該 ID 會對 CSS 產生影響。

電子郵件 Teaser 元件的編輯對話框影像索引標籤

從頁面繼承精選影像 - 使用連結頁面的頁面屬性中定義的影像，如果沒有找到，則會使用當前的頁面。
影像資產 - 從資產瀏覽器拖曳資產，或點選瀏覽選項，以從本機檔案系統上傳。
- 點選或按一下 「清除」，取消選取目前選取的影像。
- 點選或按一下編輯，以在 Asset Editor 中管理資產的轉譯。
協助工具替代文字 - 此欄位可讓您為視障使用者定義影像的說明。
- 從頁面繼承替代文字 - 此選項會使用 DAM 中 dc:description 後設資料所連結資產值的替代說明，若未連結任何資產，則會使用目前頁面的替代說明。
不提供替代文字 - 此選項會標記該影像被螢幕助讀程式等輔助技術忽略，適用於影像僅用於裝飾或不向頁面傳達額外資訊的情況。

NOTE

Dynamic Media 功能目前無法在 Teaser 元件中使用。

電子郵件 Teaser 元件支援 AEM 樣式系統。

使用下拉式清單，選取想要套用至元件的樣式。在編輯對話框中所做的選取，與從元件工具列中選擇具有相同效果。

元件樣式必須在設計對話框中設定，才能使用該索引標籤。

電子郵件 Teaser 元件將影像轉譯委派給影像元件。因此，內容作者可使用影像元件的編輯對話框來調整 Teaser 影像。

透過設計對話框，範本作者可定義內容作者在使用此元件時具備的 Teaser 選項。

電子郵件 Teaser 元件的設計對話框

電子郵件 Teaser 元件支援 AEM 樣式系統。

recommendation-more-help

d2be9096-a81e-404b-9952-d8925af7219c