新增元件至管道 adding-components-to-a-channel
元件是AEM (Adobe Experience Manager)體驗的基本元素。 您可以在AEM Screens專案中使用數個元件,並將其新增至您的頻道。
AEM Screens中的元件 components-in-aem-screens
AEM Screens提供不同的AEM元件,這些元件可用於畫面專案。
檢視AEM Screens元件 viewing-aem-screens-components
建立AEM Screens專案時,您會看到可新增至專案的預設元件清單。
若要檢視畫面專案的預設元件,請遵循下列步驟:
-
選取頻道。 例如,
We.Retail In Store
> 頻道 > 閒置頻道. -
選取 編輯 從動作列移除。
-
在AEM編輯器中,選取 + 圖示來檢查自己的位置。
-
AEM Screens專案中預設包含的所有元件都會顯示,如下圖所示。
新增元件 adding-a-new-component
AEM提供數個其他元件。 您一律可以新增其他元件(預設不包含)至專案,前提是這些元件與AEM Screens相容。
下列範例說明如何將Livefyre元件新增至AEM Screens專案:
-
選取您要新增元件的管道。 例如,
We.Retail In Store
> 頻道 > 閒置頻道. -
選取 編輯 從動作列移除。
-
選取 設計 模式。
-
選取右側的整個設計編輯器,然後選取設定符號,以便您能開啟 Parsys設計 對話方塊。
-
您可以選取要匯入AEM Screens專案的元件。 下列範例顯示新增的 Livefyre 元件至AEM Screens專案。
瞭解AEM畫面元件 understanding-aem-screen-components
下節將說明您可在專案中使用的AEM Screens元件。
應用程式 application
此 應用 元件可讓您將應用程式新增至您的頻道。
應用程式元件具有下列屬性:
下列範例說明如何內嵌應用程式元件及其屬性的預覽:
管道 channel
此 頻道 元件可讓您將整個管道新增至專案。
Channel元件具有以下屬性:
內嵌頁面 embedded-page
一個 內嵌頁面 可讓您將內嵌頁面新增至專案。 例如,它可以是網頁應用程式或產品目錄。
內嵌頁面具有下列屬性:
內嵌順序 embedded-sequence
內嵌序列可讓您在現有管道中新增內嵌序列管道(包含其他資產)。
內嵌序列具有下列頁面屬性:
動態內嵌序列 dynamic-embedded-sequence
動態內嵌序列可讓您新增與上述類似的序列,但頻道角色除外。
若要瞭解內嵌序列,請參閱 內嵌順序 在製作畫面區段下。
動態內嵌序列具有以下屬性:
體驗片段 experience-fragment
體驗片段可讓您將體驗片段(一或多個元件的群組,包括可在頁面中參考的內容和版面)新增到您的AEM Screens頻道。 將元件拖放至AEM編輯器並選取體驗片段。
要瞭解有關如何建立體驗片段並將其套用至AEM Screens專案的詳細資訊,請參閱 使用體驗片段.
影像 image
影像可讓您將影像新增至色版。
影像資產有三個索引標籤,即 影像, 協助工具、和 序列:
切換 transition
「轉變」元件可讓您將轉變新增到您的Screens專案。
下圖顯示編輯器中的轉變元件(透過拖放方式新增)。
選取轉變圖示並選取 設定 (扳手圖示)開啟 轉變 對話方塊。 此對話方塊包含三個索引標籤:
- 轉變
- 序列
- 啟用
轉場元件具有下列屬性:
影片 video
視訊元件可讓您將視訊新增至Screens專案。
視訊元件具有下列屬性: