初始沙箱內容

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

  • SCF沙箱網站,此網站會重新導向至主要頁面的英文版本

    • SCF沙箱 — 網站英文版的主要頁面

      • SCF播放 — 要播放的首頁的子項

雖然本教學課程不深入language copies,但其設計是讓根頁面可透過HTML標題實作使用者偏好語言的偵測,並重新導向至該語言的適當首頁面。 慣例是使用雙字母國家/地區代碼作為頁面的節點名稱,例如英文為"en",法文為"fr"等。

建立首頁

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

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

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

    chlimage_1-36

    管理員🔗必須啟用切換至傳統UI的功能。

  2. 傳統UI歡迎頁面中,選擇​網站

    chlimage_1-37

    或者,瀏覽至/siteadmin,直接存取傳統網站UI。

  3. 在瀏覽器窗格中,選擇​網站,然後在工具欄中選擇​新建>新頁

    在​建立頁面​對話方塊中,輸入以下內容:

    • 標題: SCF Sandbox Site
    • 名稱: an-scf-sandbox
    • 選擇​SCF沙箱播放模板
    • 按一下​建立

    chlimage_1-38

  4. 在瀏覽器窗格中,選擇您剛建立的頁/Websites/SCF Sandbox Site,然後按一下​新建>新頁:

    • 標題: SCF Sandbox
    • 名稱: en
    • 選擇​SCF沙箱播放模板
    • 按一下​建立
  5. 在瀏覽器窗格中,選擇您剛建立的頁/Websites/SCF Sandbox Site/SCF Sandbox,然後按一下​新建>新頁

    • 標題: SCF Play
    • 名稱: play
    • 選擇​SCF沙箱播放模板
    • 按一下​建立
  6. 網站現在會以這種方式顯示在「網站主控台」中。 請注意,瀏覽器窗格中所選項目的子頁將顯示在可以管理這些項目的右窗格中。

    chlimage_1-39

    以下是使用「網站」工具和範本建立內容的存放庫檢視:

    chlimage_1-40

添加設計路徑

使用工具控制台的設計部分建立 [/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns)時,屬性為"

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

已定義,可提供使用currentDesign.getPath()參考指令碼中設計資產的選用功能。 例如

  • <>

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

存放庫應如下所示:

chlimage_1-41

  • 按一下「全部保存

[ 難以挽救?重新登入!]

注意

cq:designPath的使用是選用的,且與clientlibs🔗的使用不相關,這些實質上是必要的,因為SCF元件使用clientlibs來管理其JS和CSS。

本頁內容