新增元件至渠道

元件是AEM(Adobe Experience Manager)體驗的基本元素。 您可以在AEM Screens專案中使用多個元件,並將它新增至您的頻道。

AEM畫面中的元件

AEM Screens提供可用於「畫面」專案的不同AEM元件。

檢視AEM Screens元件

每當您建立AEM Screens專案時,就會看到可新增至專案的預設元件清單。

若要檢視您的「畫面」專案的預設元件,請遵循下列步驟:

  1. 選取渠道。 例如, We.Retail In Store —> Channels —> Idle Channel

  2. 按一 下動作列 中的「編輯」,以開啟AEM編輯器。

  3. 按一下 側列的 +圖示以開啟元件。

  4. 依預設,AEM Screens專案中包含的所有元件都會顯示出來,如下圖所示。

screen_shot_2017-12-18at21350pm

添加新元件

AEM提供許多其他元件。 您隨時都可以將其他元件(預設未包含)新增至專案,因為這些元件與AEM Screens相容。

下列範例顯示將Livefyre元件新增至AEM Screens專案:

  1. 選取您要新增元件的渠道。 例如, We.Retail In Store —> Channels —> Idle Channel

  2. 按一 下動作列 中的「編輯」以開啟編輯器。

  3. 選擇 設計 模式。

  4. 選擇右側的整個設計編輯器,然後按一下設定符號以開啟「 ParSys設計」(ParSys Design )對話框。

  5. 您可以選取要匯入至AEM Screens專案的元件。 下列範例顯示AEM Screens專 案中Livefyre 元件的新增。

adding_components

注意

同樣地,您也可以將任何數目與AEM Screens相容的其他新元件新增至專案。

瞭解AEM Screen Components

下節將說明您可在專案中使用的AEM Screens元件。

注意

要查看任何元件的屬性,請選擇該元件並按一下槌子表徵圖以開啟/查看屬性。

應用程式

「應 用程式 」元件可讓您將應用程式新增至渠道。

應用程式元件具有以下屬性:

屬性 說明
應用程式路徑 選擇應用程式所在的絕對路徑。
持續時間 (毫秒) 選擇應用程式的持續時間。 依預設,持續時間會設為-1,這表示元素會永遠執行(即單頁應用程式)。 設定持續時間值>0時,會顯示指定持續時間的元素,然後移至下一個時間。

下列範例說明如何內嵌應用程式元件及其屬性的預覽:

添加元件應用程式

注意

請參閱上述範例,檢視下列各元件的屬性。

頻道

Channel 元件 可讓您將整個渠道新增至專案。

Channel元件具有以下屬性:

屬性 說明
頻道路徑 選擇此應用程式所在的絕對路徑。
持續時間 (毫秒) 選取渠道的整段期間。 將持續時間設為-1表示嵌入的通道將在特定通道中運行其全長。

內嵌頁面

「內 嵌頁面 」可讓您將內嵌頁面新增至專案。 例如,它可以是Web應用程式或產品目錄。

「嵌入」頁具有以下屬性:

屬性 說明
頁面路徑
選擇此通道存在的絕對路徑。
持續時間 (毫秒) 選取渠道的整段期間。 將持續時間設為-1表示嵌入的通道將在特定通道中運行其全長。

內嵌順序

注意

請參閱「 編寫畫面 」區段下的內嵌序列,以詳細瞭解內嵌序列。

內嵌序列可讓您在現有頻道內新增內嵌序列頻道(與其他資產一起)。

嵌入序列具有以下頁屬性:

屬性 說明
頻道路徑 選取要包含在渠道中的序列的絕對路徑。
持續時間 (毫秒) 選取渠道的整段期間。 將持續時間設為-1表示嵌入的通道將在特定通道中運行其全長。
策略 設為原 單一。 將值設為原 ,表示子序列將在父序列的每個循環上完全運行。 另一個可能的值是 ,且每個執行只會顯示一個子系的項目(例如,第一個循環上的第一個項目、第二個循環上的第二個項目,等等)。

動態內嵌序列

動態嵌入序列允許添加與上述類似的序列,但通道角色除外。

請參閱「 編寫畫面 」區段下的內嵌序列,以詳細瞭解內嵌序列。

動態嵌入序列具有以下屬性:

屬性 說明
頻道指定任務角色
輸入渠道角色。
持續時間 (毫秒) 選取渠道的整段期間。 將持續時間設為-1表示嵌入的通道將在特定通道中運行其全長。
策略 設為原 單一。 將值設為原 ,表示子序列將在父序列的每個循環上完全運行。 另一個可能的值是 ,且每個執行只會顯示一個子系的項目(例如,第一個循環上的第一個項目、第二個循環上的第二個項目,等等)。

體驗片段

「體驗片段」可讓您將體驗片段(由一或多個元件組成的群組,包括可在頁面內參照的內容和版面)新增至AEM Screens頻道。 將元件拖放至AEM編輯器,並選取體驗片段。

若要進一步瞭解如何建立體驗片段並將其運用在AEM Screens專案中,請參閱「使用 體驗片段」

exp

屬性 說明
體驗片段
體驗片段 選取體驗片段。
持續時間 選取在頻道中播放的體驗片段的整個持續時間。
離線設定
用戶端資源庫 Javascript和CSS檔案。
靜態檔案 靜態檔案,您可將其新增為離線設定至體驗片段。
注意

從此元件新增的用戶端程式庫 、靜態檔案,除了已設定的 ​Client-side Libraries和從體驗片段的PropertiesAdjust中新增的靜態檔 ​**​**​案外。

影像

「影像」可讓您將影像新增至頻道。

影像資產有三個標籤, Image Accessibility Sequence:

屬性 說明
影像
影像資產 選取影像資產。
標題 影像的標題。
連結至 新增影像的連結。
說明 影像的簡短說明。
大小 影像大小。
協助工具
替代文字 影像的替代文字。
順序
持續時間 預設情況下,持續時間設 置為8000毫秒。 如果要更改影像的播放持續時間,請更新「持續時 」欄位。

切換

「轉場」元件可讓您將轉場加入您的「畫面」專案。

下圖顯示轉場元件(透過拖放方式新增)至編輯器。

screen_shot_2019-07-25at104237am

選取轉場圖示,然後按一下「 設定 (扳手圖示)」以開啟「 Transition 」對話方塊。 此對話方塊包含三個標籤:

  • 切換
  • 順序
  • 啟動
注意

依預設,序列設定為600毫秒。 您可以使用「序列」( Sequence )頁籤將過渡序列更新為其它值。

過渡

轉場元件具有以下屬性:

屬性 說明
切換
類型

元素之前和之後之間的過渡類型。 過渡類 (Trination Type)包含下列選項:

  • 普通
  • 淡化
  • 從右邊滑入
  • 從左邊滑入
  • 從頂端滑入
  • 從底部滑入
順序
持續時間 選擇過渡的整個持續時間。 預設為600毫秒。
啟動
活動自 說明轉換何時可啟動的時間戳記。
活動到 在轉場可開始時說明的時間戳記。
計劃 新增預先定義的排程。

影片

「視訊」元件可讓您將視訊新增至您的「畫面」專案。

視訊元件具有下列屬性:

屬性 說明
視訊資產 選取視訊的連結。
持續時間 選擇視訊的持續時間。 依預設,持續時間會設為-1,表示元素會永遠執行。 設定持續時間值>0時,會顯示指定持續時間的元素,然後移至下一個時間。
轉譯

如果視訊外觀比例不符合螢幕大小,您可將演算調整為包含 封面

Contain (包含):表示顯示完整視訊,且遺失區域以黑色邊框填入。

封面 :指影片會覆蓋整個視訊區,但溢位於側邊的部分會隱藏。

大小 視訊大小。

本頁內容