Show Menu
主題×

摘要元件

核心元件摘要元件可顯示影像、標題、豐富式文字,並可選擇連結至其他內容。

使用狀況

「摘要元件」可讓內容作者使用影像、標題或豐富式文字輕鬆建立摘要,以進一步內容,並連結至其他內容或其他動作。
範本作者可使用設 計對話方塊 ,定義建立動作呼叫和新增連結的選項是否可用,以及停用各種顯示選項。 內容作者可以使用 設定對話方塊 ,來設定影像、定義CTA、設定標題和說明,以及設定個別摘要的連結。 您可 以存取影像 元件的編輯對話方塊 影像元件 ,以修改摘要影像。

版本與相容性

摘要元件的目前版本為v1,此版本於2018年7月隨核心元件2.1.0版推出,並在本檔案中加以說明。
下表詳細說明所有支援的元件版本、與元件版本相容的AEM版本,以及舊版檔案的連結。
元件版本
AEM 6.4
AEM 6.5
AEM 雲端服務
v1
相容
相容
相容

元件輸出示例

若要體驗Teaser元件,並檢視其設定選項以及HTML和JSON輸出的範例,請造訪元 件庫

技術詳細資訊

有關摘要元件的最新技術文 件可在GitHub上找到
有關開發核心元件的詳細資訊,請參閱核心元 件開發人員檔案

配置對話框

內容作者可以使用設定對話方塊來定義個別摘要的屬性。 如果選取了摘 要影像 ,也會出現編輯對話方塊來修改摘要影像。

影像

  • 影像資產
    • 從資產瀏覽器中 拖放資產 ,或點選
      ​瀏覽選項,從本機檔案系統上傳。
    • 點選或按一
      下「清除
      」以取消選取目前選取的影像。
    • 點選或按一
      下「編輯
      」, manage-digital-assets.html 在資產編輯器中管理資產的轉譯。

文字

  • Pretitle
    - Pretitle將顯示在摘要標題之前。
  • Title
    —— 定義標題,以顯示為摘要標題。
    • 從連結頁面取得標題
      -勾選後,標題將會填入連結頁面的標題。
  • 說明
    -定義要顯示為摘要子標題的說明。
    • 從連結頁面取得說明
      -勾選後,說明將會填入連結頁面的說明。
  • ID
    —— 此選項可控制HTML和資料層中元件的唯一 識別碼
    • 如果保留空白,則會自動為您產生唯一ID,並透過檢查產生的頁面找到。
    • 如果指定ID,則作者有責任確保其唯一性。
    • 變更ID可能會影響CSS、JS和資料圖層追蹤。

Edit Dialog

摘要元件會將影像演算委派至影像 元件 。 因此, # 以使用「影像元件」的「編輯」對話方塊(image.md#edit-dialog)來控制摘要影像。

設計對話框

設計對話方塊可讓範本作者定義內容作者使用此元件時擁有的摘要選項。

摘要標籤

  • 呼叫動作
    • 停用內容作者的「動作呼叫
      」-隱
      藏內容作者的「動作呼叫
      」選項
  • 元素
    • Hide pretitle
      —— 隱藏內容作
      者的
      Pretitle選項
    • 隱藏標題
      -隱藏內容作
      者的
      「標題」選項
      • 選取「標題類
        型」(Title Type
        )後,
    • 隱藏說明
      -隱藏內容作者
      的「說明
      」選項
  • 標題類型
    -定義摘要標題要使用的H標籤。
  • 連結
    • 不要連結影像
      -選取時,未連結摘要影像
    • 不要連結標題
      -選取時,未連結摘要標題
  • 影像委派
    -資訊顯示,指出Teaser委派影像處理的元件。

樣式標籤

Teaser元件支援AEM Style系統