在本節中,您將建立以下所有頁面,這些頁面均使用頁面模板:
SCF沙盒網站,此網站會重新導向至首頁的英文版。
SCF沙盒——網站英文版的首頁面。
SCF播放——要播放的首頁的子頁。
雖然本教學課程不深入探討語言副本,但是其設計方式是讓根頁面透過HTML標題實作使用者偏好語言的偵測,並重新導向至該語言的適當首頁面。 慣例是使用雙字母國家/地區代碼作為頁面的節點名稱,例如英文為"en"、法文為"fr"等。
現在有頁面範本,我們可以在/content目錄中建立網站的根頁面。
標準UI目前提供建立網站的藍圖。 由於本教學課程是建立簡單網站,因此傳統的UI十分實用。
若要切換至傳統UI,請選取全域導覽,並將滑鼠指標暫留在「專案」圖示的右側。 選擇出現的Switch to Classic UI表徵圖:
切換至傳統UI的能力必須由管理員啟用。
從傳統UI歡迎頁面選擇網站。
或者,瀏覽至/siteadmin,直接存取網站的傳統UI。
在瀏覽器窗格中,選擇網站,然後在工具列中選擇新建 > 新建頁面。
在建立頁面對話框中,輸入以下內容:
SCF Sandbox Site
an-scf-sandbox
在瀏覽器窗格中,選擇您剛建立的頁面/Websites/SCF Sandbox Site
,然後按一下新建 > 新建頁面:
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?lang=zh-Hant"
已定義,提供使用currentDesign.getPath()
在指令檔中參考設計資產的可選功能。 例如
% String favIcon = currentDesign.getPath() + "/favicon.ico?lang=zh-Hant"; %
cq:designPath
String
/etc/designs/an-scf-sandbox
按一下綠色[+] Add
儲存庫應如下所示:
如果保存配置時遇到問題,請重新登錄並再次配置。
使用cq:designPath
是選擇性的,與使用clientlibs無關,這是SCF元件使用 clientlibs來管理其JS和CSS時的基本要求。