初始沙盒內容

在本節中,您將建立以下所有頁面,這些頁面均使用頁面模板:

  • SCF沙盒網站,此網站會重新導向至首頁的英文版。

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

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

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

建立首頁

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

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

    若要切換至傳統UI,請選取全域導覽,並將滑鼠指標暫留在「專案」圖示的右側。 選擇出現的​Switch to Classic UI​表徵圖:

    classic-ui

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

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

    classic-ui-website

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

  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?lang=zh-Hant"

已定義,提供使用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時的基本要求。

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now