多區域配置 multi-zone-layout
以下頁面說明多區域配置的使用方式,並涵蓋下列主題:
- 概觀
- 建立多區域配置
- 先決條件
- 在一或多個區域中使用單一Assets
- 在一或多個區域中使用循序內容
概觀 overview
多區域版面配置 可讓您建立多個區域內容,並使用可在單一畫面中結合的各種資產,例如視訊、影像和文字。 您可以提取影像、影片和文字,讓所有內容混合在一起,建立直覺的數位體驗。
根據專案需求,您有時需要在通道中擁有多個區域,並將它們編輯為一個完整的單位。 例如,具有相關社群媒體摘要的產品序列,在單一頻道上的三個獨立區域中執行。
先決條件 prerequisites
開始實作此功能之前,請確定您具備下列概念知識:
建立多區域配置 creating-multi-zone-layout
建立管道時,您可以使用不同的範本在您的管道中建立區域。 您可以新增單一影像、視訊或內嵌色版,讓多個資產可依序顯示。
正在建立頻道
-
按一下Adobe Experience Manager連結(左上方),然後按一下 Screens。 或者,您可以直接前往:
http://localhost:4502/screens.html/content/screens
。 -
導覽至 頻道 資料夾,然後從動作列按一下 建立。
-
從 建立 精靈按一下 1x2拆分畫面頻道。
-
按一下[下一步] 並輸入 標題 作為 MultiZone。
-
按一下 建立 以完成頻道建立。
在一或多個區域中使用單一Assets using-single-assets-in-one-or-more-zones
您可以在所有個別區域中使用單一資產,例如影像或視訊。 請依照下列步驟實作:
-
正在新增內容至頻道
- 瀏覽至 區域 > 管道> 多區域。
- 按一下 MultiZone 頻道,然後從動作列按一下 編輯。
-
正在新增影像到頻道
若要在兩個區域播放單一影像或影片,只要將影像拖放至色版編輯器中的各個區域即可,如下圖所示:
在一或多個區域中使用循序內容 using-sequenced-content-in-one-or-more-zones
如果您希望區域在不同區域中顯示一系列影像和視訊,請依照下列步驟瞭解詳細資訊。
-
正在建立頻道資料夾
- 瀏覽至 區域 > 多重區域 > 頻道,然後從動作列按一下 建立。
- 從 建立 精靈按一下 頻道資料夾,然後按一下 下一步。
- 輸入標題為 EmbeddedChannels,然後按一下 建立。
-
新增兩個管道到管道資料夾
- 瀏覽至 區域 > 管道 > 內嵌管道,然後從動作列按一下 建立。
- 從 建立 精靈按一下 順序頻道 以建立標題為
Zone1
的頻道。 - 按一下
Zone1
,然後按一下動作列中的 編輯。 - 拖放一些影像到此色版。
- 同樣地,在 EmbeddedChannels 資料夾中建立另一個標題為
Zone2
的順序頻道。 - 將視訊拖放至此頻道。
下圖顯示頻道
Zone1
和Zone2
:新增到
Zone1
順序頻道的編輯器的影像如下所示:新增到
Zone2
順序頻道的編輯器的視訊如下所示: -
正在新增內嵌順序(元件)至主管道(MultiZone)
-
瀏覽至 區域 > 管道 > 多區域。
-
按一下動作列中的 編輯。
-
將 內嵌順序 元件拖放至兩個區域。
-
按一下其中一個區域中的內嵌順序。
-
按一下編輯器中其中一個內嵌序列的 設定 (扳手)圖示。
-
按一下管道路徑,如 區域 > 管道 > 內嵌管道 >
Zone1
,如下圖所示。 -
同樣地,將
Zone2
新增到編輯器中的另一個內嵌順序元件。
-
建立位置和顯示 creating-location
建立位置和顯示畫面,讓您在AEM Screens Player中檢視內容。
-
正在建立位置
- 導覽至 區域 > 位置 資料夾。
- 按一下 位置 資料夾,然後從動作列按一下 建立。
- 從 建立 精靈按一下 位置,然後按一下 下一步。
- 輸入 標題 作為 SanJose,然後按一下 建立。
-
正在建立顯示區
- 導覽至 區域 > 位置 資料夾。
- 按一下 SanJose 位置,然後從動作列按一下 建立。
- 從 建立 精靈按一下 顯示,然後按一下 下一步。
- 輸入 標題 作為 大廳,然後按一下 建立。
將色版指定給顯示區 channel-channel
將頻道指派給顯示以檢視內容。 請依照下列步驟,將頻道指派給顯示器。
-
指派頻道給顯示區
-
瀏覽至 區域 > 位置 > 聖荷西> 大廳。
-
按一下 大廳 顯示,然後從動作列按一下 指派頻道。
-
在 管道路徑 中輸入 MultiZone 管道的路徑。
-
將 支援的事件 設定為 初始載入、閒置畫面 和 計時器。
-
按一下「儲存」。
-
同樣地,將其他兩個內嵌管道(
Zone1
和Zone2
)指派給這個顯示器。 -
將這三個頻道指派給 大廳 顯示區後,您應該可以從顯示儀表板檢視指派的頻道。
note important IMPORTANT 將主要管道(在此例中為 MultiZone)指派給顯示區之後,必須將其他兩個內嵌管道** Zone1
和Zone2
**也指派給相同的顯示區。
-
註冊裝置 registering-device
當您設定好位置和顯示器後,請依照下列步驟註冊裝置,並將顯示器指定給裝置。
-
正在登入裝置
-
瀏覽至 區域 > 裝置 資料夾。
-
按一下 裝置 資料夾,然後從動作列按一下 裝置管理員。
-
按一下 裝置註冊,然後從清單中按一下擱置的裝置。
note note NOTE 裝置的標題必須符合 裝置註冊 索引標籤中顯示的裝置權杖(權杖 欄位)。 -
如果標題符合裝置Token,請按一下裝置,然後按一下動作列中的 註冊裝置。
-
如果註冊代碼符合Screens播放器 裝置註冊 標籤中的代碼,請按一下動作列中的 驗證。
-
輸入 標題 作為
Chrome-Device1
,然後按一下 登入。 -
按一下 指派顯示區,然後按一下裝置設定的路徑。
note note NOTE 如果您嘗試在Screens播放器中檢視內容,請務必針對指派給顯示的每個頻道,從頻道控制面板按一下「更新離線內容」。 -
檢視結果 viewing-the-result
使用上述步驟實作多區域配置時,會顯示下列輸出。
請檢查Screens播放器,以便檢視在兩個不同區域中顯示內容的輸出。 左側和右側區域(兩者都會使用內嵌序列作為元件)。
左側區域是順序頻道,右側區域包含視訊。