初始沙箱內容

在本節中,您將建立以下頁面,這些頁面都使用 頁面範本

  • SCF沙箱網站,將重新導向至首頁面的英文版。

    • SCF沙箱 — 英文版網站的首頁。

    • SCF播放 — 要播放之首頁面的子頁面。

雖然本教學課程並未深入探討 語言副本,其設計讓根頁面可透過HTML標頭為使用者實施偏好的語言偵測,並重新導向至該語言的適當首頁面。 慣例是將兩個字母的國家代碼用於頁面的節點名稱,例如「en」表示英文,「fr」表示法文等。

建立第一頁

現在,有一個 頁面範本,我們可在/content目錄中建立網站的根頁面。

  1. 標準UI目前提供建立網站的藍圖。 由於本教學課程會建立簡單的網站,傳統UI會很實用。

    若要切換至傳統UI,請選取全域導覽,並將滑鼠游標停留在「專案」圖示的右側。 選取 切換至傳統UI 圖示,隨即顯示:

    classic-ui

    切換至傳統UI的功能必須是 由管理員啟用.

  2. 傳統UI歡迎頁面,選取 網站.

    classic-ui-website

    或者,您可以瀏覽至以下網址直接存取網站的傳統UI: /siteadmin。

  3. 在總管窗格中,選取 網站 然後在工具列中選取 新增 > 新頁面.

    建立頁面 對話方塊,輸入下列內容:

    • 標題: SCF Sandbox Site
    • 名稱: an-scf-sandbox
    • 選取 SCF沙箱播放範本
    • 按一下 建立

    classic-ui-create-page

  4. 在總管窗格中,選取您剛建立的頁面, /Websites/SCF Sandbox Site,然後按一下 新增 > 新頁面

    • 標題: SCF Sandbox
    • 名稱: en
    • 選取 SCF沙箱播放範本
    • 按一下 建立
  5. 在總管窗格中,選取您剛建立的頁面, /Websites/SCF Sandbox Site/SCF Sandbox,然後按一下 新增 > 新頁面

    • 標題: SCF Play
    • 名稱: play
    • 選取 SCF沙箱播放範本
    • 按一下 建立
  6. 這是網站現在在「網站」主控台中的顯示方式。 請注意,在總管窗格中選取之專案的子頁面會顯示在可以管理這些頁面的右側窗格中。

    classic-ui-website-page

    這是使用網站工具和範本建立的存放庫檢視:

    classic-ui-repository-view

新增設計路徑

時間 [/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns) 是使用「工具」主控台的「設計」區段建立的,屬性「

  • cq:template="/libs/wcm/core/templates/designpage"

已定義,這可提供選擇性功能,讓您使用在指令碼中參照設計資產 currentDesign.getPath(). 例如

  • % String favIcon = currentDesign.getPath() + "/favicon.ico"; %

    • 名稱: cq:designPath
    • 類型: String
    • 值: /etc/designs/an-scf-sandbox
  • 按一下綠色 [+] Add

存放庫應如下所示:

classic-ui-repository-path

  • 按一下 全部儲存

如果儲存設定時發生任何問題,請重新登入並再次設定。

注意

使用 cq:designPath 是選用的,而且與 clientlibs的使用,此專案為SCF元件使用時的主要必要專案 clientlibs 以管理其JS和CSS。

本頁內容