使用體驗片段 using-experience-fragments

導覽至您建立的​DemoProject，然後按一下​ Channels ​資料夾。

按一下動作列中的​建立，即可開啟精靈。

從精靈中選擇​ 順序頻道 ​範本，然後按一下​下一步。

輸入​ 標題 ​作為​TestChannel，然後按一下​建立。

導覽至We.Retail中的網站頁面

1. 導覽至「網站」，然後按一下「We.Retail > 美國 > 英文 > 裝置」，然後按一下此頁面，以便將其用作Screens頻道的體驗片段。

2. 按一下動作列中的「編輯」，開啟您要用作Screens頻道體驗片段的頁面。

重複使用內容

1. 按一下您要包含在頻道中的片段。
2. 按一下右側的最後一個圖示，即可開啟​ 轉換成體驗片段 ​對話方塊。

建立體驗片段

1. 選擇​ 動作 ​做為​建立新的體驗片段。

2. 按一下​父路徑。

3. 按一下​範本。 在此處選擇​ 體驗片段 — Screens變數 ​範本（欄位/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. 按一下「完成」，即可移回​ ScreensFragment ​頁面。

編輯Screens片段的屬性

1. 導覽至​ScreensFragment （您在前面的步驟中建立），然後按一下動作列中的​屬性。

2. 按一下「離線設定」標籤，如下圖所示。

您可以將​使用者端資料庫 （Java™和CSS）和​ 靜態檔案 ​新增至您的體驗片段。

以下範例顯示新增使用者端程式庫和字型作為靜態檔案的一部分到您的體驗片段。

在Screens頻道中使用體驗片段作為元件

1. 導覽至您要使用​ Screens ​片段的Screens頻道。

2. 按一下​TestChannel，然後從動作列按一下​編輯。

3. 按一下側邊標籤中的元件圖示。

4. 將​ 體驗片段 ​拖放至您的頻道。

e. 按一下​ 體驗片段 ​元件，然後按一下左上角（扳手）圖示，即可開啟​ 體驗片段 ​對話方塊。

f. 按一下您在​ 路徑 ​中的​ 步驟3 ​中建立之片段的​ Screens ​即時副本。

f. 按一下您在​ 體驗片段 ​中的​ 步驟3 ​中建立之片段的​ Screens ​即時副本。

h. 輸入​ 持續時間 ​的毫秒數。

i. 從​ 體驗片段 ​對話方塊按一下​離線設定，以便您可以定義使用者端程式庫和靜態檔案。

j. 按一下核取記號，即可完成程式。

從​網站 （主要）頁面按一下體驗片段，然後按一下鉛筆圖示，這樣您就可以編輯體驗片段中的專案。

按一下體驗片段，然後按一下扳手圖示，即可開啟對話方塊以編輯影像。

產品格線​對話方塊開啟。

您可以編輯任何影像。 例如，這裡會取代此片段中的第一個影像。

按一下體驗片段，然後按一下轉出圖示，這樣您就可以將變更傳播到您的頻道中使用的片段。

按一下「轉出」。

請注意，變更已轉出。

導覽至​Screens > 管道 > 測試管道。

按一下動作列中的​預覽。