新增元件至管道
- 主題:
- 製作熒幕
建立對象:
- 中繼
- 管理員
- 開發人員
元件是AEM (Adobe Experience Manager)體驗的基本元素。 您可以在AEM Screens專案中使用數個元件,並將其新增至您的頻道。
AEM Screens中的元件
AEM Screens提供可在Screens專案中使用的不同AEM元件。
檢視AEM Screens元件
建立AEM Screens專案時,您會看到可新增至專案的預設元件清單。
若要檢視Screens專案的預設元件,請遵循下列步驟:
-
按一下通道。 例如,
We.Retail In Store
> 頻道 > 閒置頻道。 -
按一下動作列中的 編輯。
-
在AEM編輯器中,按一下側邊欄中的 + 圖示。
-
AEM Screens專案中預設包含的所有元件都會顯示,如下圖所示。
新增元件
AEM提供數個其他元件。 您一律可以新增其他元件(預設不包含)至專案,前提是這些元件與AEM Screens相容。
下列範例說明如何將Livefyre元件新增至AEM Screens專案:
-
按一下您要新增元件的管道。 例如,
We.Retail In Store
> 頻道 > 閒置頻道。 -
按一下動作列中的 編輯。
-
按一下 設計 模式。
-
按一下右側的整個設計編輯器,然後按一下設定符號,這樣您就可以開啟 Parsys Design 對話方塊。
-
您可以按一下要匯入至AEM Screens專案的元件。 下列範例顯示將 Livefyre 元件新增至AEM Screens專案。
瞭解AEM畫面元件
下節將說明您可在專案中使用的AEM Screens元件。
應用程式
Application 元件可讓您新增應用程式至您的頻道。
應用程式元件具有下列屬性:
下列範例說明如何內嵌應用程式元件及其屬性的預覽:
管道
頻道 元件可讓您將整個頻道新增到專案。
Channel元件具有以下屬性:
內嵌頁面
內嵌頁面 可讓您新增內嵌頁面至專案。 例如,它可以是網頁應用程式或產品目錄。
內嵌頁面具有下列屬性:
內嵌順序
內嵌序列可讓您在現有管道中新增內嵌序列管道(包含其他資產)。
內嵌序列具有下列頁面屬性:
體驗片段
體驗片段可讓您將體驗片段(一或多個元件的群組,包括可在頁面中參考的內容和版面)新增到您的AEM Screens頻道。 將元件拖放至AEM編輯器並按一下體驗片段。
若要深入瞭解如何建立體驗片段並將其套用至AEM Screens專案,請參閱使用體驗片段。
影像
影像可讓您將影像新增至色版。
影像資產有三個索引標籤,即 影像、協助工具 和 序列:
切換
轉變元件可讓您將轉變新增到您的Screens專案。
下圖顯示編輯器中的轉變元件(透過拖放方式新增)。
按一下轉變圖示並按一下 設定 (扳手圖示)以開啟 轉變 對話方塊。 此對話方塊包含三個索引標籤:
- 轉變
- 序列
- 啟用
轉場元件具有下列屬性:
元素之前和之後之間的轉變型別。 轉換 型別 包含下列選項:
- 一般
- 淡化
- 從右邊滑入
- 從左邊滑入
- 從頂端滑入
- 從底部滑入
影片
視訊元件可讓您將視訊新增至您的Screens專案。
視訊元件具有下列屬性:
如果視訊外觀比例不符合熒幕,您可以將演算調整為 包含 或 封面。
包含 表示已顯示完整視訊,而遺漏的區域已填入黑色邊框。
封面 表示視訊涵蓋整個檢視區,但兩側溢位的部分會隱藏。