使用體驗片段

本頁面涵蓋下列主題：

概覽
在AEM Screens中使用體驗片段
傳播對頁面的更改

概覽

體驗片段是一組一或多個元件，包括可在頁面中參照的內容和版面。體驗片段可包含任何元件，例如一或多個元件，這些元件可包含段落系統內的任何項目，而這些項目將參考至完整體驗，或由第三個端點請求。

在AEM Screens中使用體驗片段

注意

下列範例使用We.Retail做為示範專案，從此處將體驗片段從Sites頁面運用至AEM Screens專案。

例如，下列工作流程示範如何在Sites中使用We.Retail中的體驗片段。您可以選擇網頁，並在其中一個專案中利用AEM Screens頻道中的該內容。

先決條件

使用管道建立示範專案

建立專案

按一下建立螢幕專案以建立新專案。
將標題輸入為DemoProject。
按一下「儲存」。

會將DemoProject新增至您的AEM Screens。

建立管道

導覽至您建立的DemoProject，並選取Channels資料夾。
按一下動作列中的建立以開啟精靈。
從嚮導中選擇序列通道模板，然後按一下下一步。
輸入Title作為TestChannel，然後按一下Create。

將將TestChannel添加到您的DemoProject中。
screen_shot_2019-07-29at105101am

建立體驗片段

請依照下列步驟，將We.Retail中的內容運用至DemoProject中的TestChannel。

導覽至We.Retail中的「網站」頁面
1. 導覽至「網站」，並選取We.Retail -> 美國 -> 英文 -> 設備，然後選取此頁面作為Screens頻道的體驗片段。
2. 按一下動作列中的編輯，開啟您要作為Screens頻道體驗片段使用的頁面。
重新使用內容
1. 選取您要納入管道的片段。
2. 按一下右側的最後一個圖示，開啟轉換為體驗片段對話方塊。
建立體驗片段
1. 選擇Action作為建立新體驗片段。
2. 選擇父路徑。
3. 選擇模板。在此處選擇體驗片段 — 螢幕變化範本（欄位/libs/settings/screens/experience-fragments/templates/experience-fragment-template-screens中的值）。
4. 將片段標題輸入為ScreensFragment。
5. 按一下核取記號以完成新體驗片段的建立。
注意：要更輕鬆地選擇選項，請按一下欄位右側的複選標籤以開啟選擇對話框。
建立體驗片段的即時副本
1. 導覽至AEM首頁。
2. 選取體驗片段並反白顯示ScreensFragment，然後按一下「變化為即時副本」，如下圖所示：
c.從建立即時副本精靈中選擇ScreensFragment ，然後按一下下一步。

d.將Title和Name輸入為Screens。

e.按一下建立以建立即時副本。

f.按一下Done以返回ScreensFragment頁面。

注意

建立Screens片段後，您就可以編輯片段的屬性。選取片段，然後從動作列按一下「屬性**」。**

編輯畫面片段的屬性
1. 導覽至ScreensFragment（您在前述步驟中建立），然後從動作列按一下屬性。
2. 選擇離線配置頁簽，如下圖所示。
您可以將用戶端程式庫（java和css）和靜態檔案新增至體驗片段。

下列範例顯示在體驗片段中新增用戶端程式庫和靜態檔案中的字型。
在Screens頻道中使用體驗片段作為元件
1. 導覽至您要使用Screens片段的Screens頻道。
2. 選擇TestChannel，然後從操作欄按一下Edit。
3. 按一下側邊標籤中的元件圖示。
4. 將體驗片段拖放至通道。
e.選取體驗片段元件，然後選取左上角（扳手）圖示以開啟體驗片段對話方塊。

f.選取您在Path的Step 3中建立的片段的Screens即時副本。

f.選取您在體驗片段的Step 3中建立之片段的Screens即時副本。

h.在Duration中輸入毫秒。

我。從體驗片段對話方塊選取離線設定，以定義用戶端程式庫和靜態檔案。

注意

如果您除了在步驟(4)中設定外還想要新增用戶端程式庫或靜態檔案，您可以從體驗片段對話方塊的離線設定標籤新增。

j.按一下核取記號以完成程式。