在本節中,您將建立以下頁面,這些頁面均使用頁面範本:
SCF沙箱網站,此網站會重新導向至主要頁面的英文版本。
SCF沙箱 — 網站英文版的主要頁面。
SCF播放 — 要播放的主要頁面的子項。
雖然本教學課程不深入language copies,但其設計是讓根頁面可透過HTML標題實作使用者偏好語言的偵測,並重新導向至該語言的適當首頁面。 慣例是使用雙字母國家/地區代碼作為頁面的節點名稱,例如英文為"en",法文為"fr"等。
現在有頁面範本,我們可以在/content目錄中建立網站的根頁面。
標準UI目前提供建立網站的藍圖。 由於本教學課程是建立簡單網站,傳統UI很實用。
若要切換至傳統UI,請選取全域導覽,並將游標暫留在「專案」圖示的右側。 選取顯示的切換至傳統UI圖示:
管理員🔗必須啟用切換至傳統UI的功能。
從傳統UI歡迎頁面中,選擇網站。
或者,瀏覽至/siteadmin,直接存取傳統網站UI。
在瀏覽器窗格中,選擇網站,然後在工具欄中選擇新建 > 新建頁。
在建立頁面對話方塊中,輸入以下內容:
SCF Sandbox Site
an-scf-sandbox
在瀏覽器窗格中,選擇您剛建立的頁面/Websites/SCF Sandbox Site
,然後按一下New > New Page:
SCF Sandbox
en
在瀏覽器窗格中,選擇您剛建立的頁面/Websites/SCF Sandbox Site/SCF Sandbox
,然後按一下新建 > 新建頁面
SCF Play
play
網站現在會以這種方式顯示在「網站主控台」中。 請注意,瀏覽器窗格中所選項目的子頁將顯示在可以管理這些項目的右窗格中。
以下是使用「網站」工具和範本建立內容的存放庫檢視:
使用工具控制台的設計部分建立 [/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
存放庫應如下所示:
如果在儲存設定時遇到任何問題,請重新登入並再次設定。
使用cq:designPath
是可選的,並且與使用clientlibs🔗無關,因為SCF元件使用clientlibs來管理其JS和CSS,所以這些基本上是必要的。