初始沙盒內容

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

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

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

儲存庫應如下所示:

classic-ui-repository-path

  • 按一下​保存全部

如果保存配置時遇到問題,請重新登錄並再次配置。

注意

使用cq:designPath是選擇性的,與使用clientlibs無關,這是SCF元件使用 clientlibs來管理其JS和CSS時的基本要求。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free