在Experience Builder建立自訂頁面

Last update: Sat Oct 11 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

身為金融服務公司的管理員，您可以管理兩個團隊：銷售與客戶成功。每個團隊都有獨特的學習需求，但兩者都使用相同的標準學習入口網站。這會導致困惑、雜亂和學習者參與度低。
若要在不投資Headless組建或等待自訂開發人員解決方案的情況下解決此挑戰，您可以在Adobe Learning Manager中使用Experience Builder。有了頁面、Widget和選單，您只需幾個步驟即可設計品牌化、角色專屬的入口網站，無需編碼。

若要在Adobe Learning Manager中建立銷售工程團隊的自訂頁面：

以管理員身分登入Adobe Learning Manager。
在左側導覽窗格中選取 Branding。
選取 Custom Pages。
選取 Create page。

自訂頁面畫面顯示[建立頁面]選項，用來設計新的自訂學習體驗
輸入 Page name （例如，銷售團隊的銷售訓練）。
輸入 Page description。

在Adobe Learning Manager中設定銷售訓練頁面，顯示頁面名稱、說明、型別、URL和圖示設定的欄位，以建立目標銷售訓練入口網站
從下列專案選取頁面型別：
- Build using ALM widgets：管理員可以使用現有的Adobe Learning Manager Widget建立頁面。在「頁面URL」欄位中輸入自訂字串。此字串將會附加至自訂頁面的URL。
- External page：管理員可以為外部頁面新增URL。如果您選取頁面型別為外部，請在「頁面URL」文字欄位中輸入外部頁面URL。
選取 Change icon 以變更頁面的圖示。
選取 Add New Language 以新增頁面的預設語言。
選取 Save。

已建立頁面，並將其儲存為自訂頁面區段中的草稿。管理員可以使用介面工具來編輯和設計草擬的頁面。

下一步是將配置新增到自訂頁面，您可以在其中新增和設定Widget。

Experience Builder中的頁面配置

從下拉式選單中選取適當的區段配置，以設計您的頁面。任何版面的最大寬度皆為1212畫素。根據您想要新增的Widget數目及其所需大小，從下列區段選項中選擇：

1 column - Full section width：內容橫跨整個區段寬度，提供最大的空間。
2 columns - 1/2 section width each：區段平均分割為兩個等寬欄。
2 columns - 2/3 and 1/3 section width：主要內容佔據三分之二的寬度，而次要內容則使用三分之一。
2 columns - 1/3 and 2/3 section width：側邊內容需要三分之一，主要內容需要三分之二的區段。
3 columns - 1/3 section width each：區段分成三個等寬欄。

NOTE

除了1欄 — 完整區段寬度版面配置外，所有版面配置中最多可垂直新增10個Widget。

若要在Experience Builder中選取銷售訓練頁面的配置：

以管理員身分登入Adobe Learning Manager。
在左側導覽窗格中選取 Branding。
選取 Custom Pages，然後選取所需的頁面。
選取 Page Design。
選取 Edit。

銷售訓練自訂頁面的頁面設計編輯畫面，醒目顯示新增頁面區段、Widget和版面配置的編輯按鈕
從 Select section layout 下拉式清單中選擇選項。

區段配置選擇對話方塊可讓系統管理員為自訂頁面設計選擇單一或多欄Widget配置
選取 Proceed。

新增的版面配置有以下選項：

Delete row：從版面配置移除列。
Fit screen width：調整版面，使其自動調整大小以符合熒幕，以提升顯示效果。
Reorder：將版面拖放至所需位置，以變更版面順序。

顯示版面配置選項的頁面配置，以重新排序、展開或刪除區段

下一步是在自訂頁面上新增及設定Widget。

根據需求，將所需的Widget新增至銷售培訓自訂頁面。

若要在銷售訓練自訂頁面中設定Widget：

在配置中選取 Add widget。

頁面設計畫面可讓系統管理員選取並新增Widget，以自訂其課程頁面
選擇 Content Box widget，然後選取 Proceed。

Widget選取畫面醒目提示「內容方塊」Widget，以顯示自訂影像、文字和動作按鈕，以增強學習者參與度
輸入 Title 和 Description。
在 Action button label 中輸入文字並提供連結。
設定其餘選項。檢視此區段以進一步瞭解 Content Box widget。

內容方塊Widget畫面會顯示設定Widget 的選項
在銷售工程師的 Content Box widget 設定畫面中，輸入標題、說明和動作按鈕標籤
選取 Add widget。
選取 Save 並從下列選項中選擇：
a. Save as Draft：此頁面將儲存為草稿。管理員稍後可以編輯頁面。
b. Save & Publish：頁面將會發佈，管理員可以將此頁面新增到功能表。

儲存選項可讓系統管理員選擇將頁面儲存為草稿以供日後編輯，還是發佈頁面以供學習者存取

頁面可儲存為草稿或發佈。管理員可以在發佈前編輯草稿，也可以更新並重新發佈已發佈的頁面。

請依照相同的步驟，為Customer Success Manager團隊建立頁面。

預覽頁面

若要預覽頁面：

以管理員身分登入Adobe Learning Manager。
在左側導覽窗格中選取 Branding。
選取 Custom Pages。
選取必要頁面，然後選取 Page Design。
選取 Edit，然後選取 Preview page 以檢視入口網站的預覽。

頁面預覽，顯示具有橫幅、精選課程的自訂頁面配置
選取「檢查模式」以檢視Widget的高度和寬度。

在Experience Builder中以檢查模式切換的頁面預覽畫面會反白顯示，讓管理員檢閱和檢查Widget