初始沙箱內容

在本節中,您會建立下列頁面,所有頁面均使用 頁面範本:

  • 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。

本頁內容