初始沙箱內容 initial-sandbox-content

在本節中,您將建立以下所有使用 頁面範本

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

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

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

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

建立第一頁 create-first-pages

現在有了 頁面範本,您可以在/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

新增設計路徑 add-the-design-path

時間 [/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

  • 按一下 全部儲存

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

NOTE
使用 cq:designPath 為選用,且與 使用clientlibs,這些是SCF元件使用時的必要專案 clientlibs 以管理其JS和CSS。
recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791