本頁涵蓋下列主題:
體驗片段是一組或多個元件,包括可在頁面中參考的內容和版面。 體驗片段可包含任何元件,例如,一個或多個元件可包含段落系統內任何內容,這些元件將參照至完整體驗或由第三端點要求。
以下範例使用We.Retail做為示範專案,從Sites頁面將體驗片段運用至AEM Screens專案。
例如,下列工作流程示範在網站中使用We.Retail的體驗片段。 您可以選擇網頁,並將AEM Screens頻道中的該內容運用在其中一個專案中。
使用渠道建立示範專案
建立專案
DemoProject將會新增至您的AEM畫面。
建立渠道
導覽至您建立的DemoProject,並選取「頻道」資料夾。
按一下操作欄中的建立以開啟嚮導。
從嚮導中選擇序列通道模板,然後按一下Next。
將Title輸入為TestChannel,然後按一下Create。
將TestChannel添加到DemoProject中。
請依照下列步驟,將We.Retail的內容運用到DemoProject的TestChannel。
導覽至We.Retail中的「網站」頁面
導覽至「網站」並選取We.Retail In-Store -> Channels ->閒置頻道- Night,並選取此頁面做為您的「螢幕」頻道的體驗片段。
按一下動作列的「編輯」,以開啟您要用作「畫面」頻道體驗片段的頁面。
重新使用內容
建立體驗片段
選擇Action作為建立新的體驗片段。
選擇父路徑。
選擇Template。 在這裡選擇體驗片段——螢幕變化範本。
將片段標題輸入為ScreensFragment。
按一下核取標籤,完成新體驗片段的建立。
建立體驗片段的即時副本
c.從「建立即時副本」精靈中選取 ScreensFragment ,然後按一下「下一步」。
d.將Title和Name輸入為Screens。
e.按一下「建立」以建立即時副本。
f.按一下「完成」,返回至「畫面片段」頁面。
建立「畫面」片段後,您就可以編輯片段的屬性。 選擇該片段,然後從操作欄中按一下屬性。
編輯畫面片段的屬性
導覽至ScreensFragment(您在前述步驟中建立),然後從動作列按一下「屬性a3/>」。
選擇Offline Config標籤,如下圖所示。
您可以將用戶端程式庫(java和css)和靜態檔案新增至體驗片段。
下列範例顯示在體驗片段中加入用戶端程式庫和靜態檔案中的字型。
在畫面頻道中使用體驗片段做為元件
導覽至您要使用Screens片段的「畫面」頻道。
選擇TestChannel,然後從操作欄中按一下Edit。
按一下側面頁籤中的元件表徵圖。
將體驗片段拖放至您的頻道。
e.選擇體驗片段元件,並選取左上角(扳手)圖示以開啟體驗片段對話方塊。
f.選擇在Path的步驟3中建立的片段的螢幕即時副本。
f.在體驗片段的步驟3中,選取您在<a2/>步驟3<a3/>中建立之片段的畫面即時副本。
h.在持續時間中輸入毫秒。
i.從體驗片段對話方塊中選取離線設定,以定義用戶端程式庫和靜態檔案。
如果除了在步驟(4)中配置的外,還要添加客戶端庫或靜態檔案,可以從體驗片段對話框的離線配置頁籤添加。
j.按一下核取標籤以完成程式。
完成上述步驟後,您可以通過以下方式驗證ChannelOne中的體驗片段:
您會從頻道的Sites頁面(體驗片段的即時副本)檢視內容,如下圖所示:
即時 組排文字是指由同步動作(如轉出組態所定義)維護的復本(來源)。
由於體驗片段是從Sites頁面建立的即時副本,因此,如果您從主版頁面變更該特定片段,您將檢視頻道或使用體驗片段的目的地的變更。
如需即時副本的詳細資訊,請參閱重複使用內容:多網站管理員和即時副本。
請依照下列步驟,將變更從主頻道傳播至您的目的地頻道:
從Sites(主版)頁面選取體驗片段,然後按一下鉛筆圖示以編輯體驗片段中的項目。
選取「體驗片段」,然後按一下扳手圖示以開啟對話方塊以編輯影像。
將開啟產品網格對話框。
您可以編輯任何影像。 例如,此處會在此片段中取代第一個影像。
選取「體驗片段」,然後按一下「轉出」圖示,將變更傳播至您頻道中使用的片段。
按一下轉出以確認變更。
您會看到變更已推出。
請依照下列步驟確認您的渠道變更:
導覽至Screens -> Channels -> TestChannel。
從動作列按一下「預覽」,確認變更。
下圖說明您TestChannel中的變更: