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