組織頁面 creating-and-organizing-pages

瞭解如何使用AEM組織您的網站。 瞭解如何組織您的頁面後,您可以建立新頁面管理現有頁面。

[若要為 Edge Delivery Services 製作 AEM 內容,請按一下這裡。]{class="badge positive" title="為 Edge Delivery Services 製作 AEM 內容"}

組織您的網站 organizing-your-site

身為作者,您需要在AEM中組織您的網站。 這涉及建立和命名內容頁面,以便:

  • 您可以在作者環境中輕鬆找到他們
  • 您網站的訪客可在發佈環境中輕鬆瀏覽這些專案

您也可以使用資料夾來協助組織您的內容。

網站的結構可視為儲存內容頁面的樹狀結構。 這些內容頁面的名稱會用於組成URL,而標題則會在檢視頁面內容時顯示。

以下顯示WKND教學課程網站的範例,其中有一篇關於滑冰場(la-skateparks)的文章被存取:

http://<host>:<port>/editor.html/content/wknd/en/sports/la-skateparks.html

 /content
 /wknd
  /en
   /music
    /...
   /sports
    /la-skateparks
    /five-gyms-la
    /mountain-bike-routes
   /shopping
    /...
   /art
    /...
   /...

您可以從​網站 ​主控台檢視此結構,您可以在其中瀏覽網站的各個頁面,並在這些頁面上執行動作。

頁面命名慣例 page-naming-conventions

建立頁面時,有兩個索引鍵欄位:

  • 標題

    • 主控台會向使用者顯示這項資訊,並在編輯時顯示在頁面內容的頂端。
    • 此字段是必填字段。
  • 名稱

    • 這會用來產生URI。
    • 此欄位的使用者輸入為選用。 如果未指定,則會從標題衍生名稱。 如需詳細資訊,請參閱下列章節頁面名稱限制和最佳實務

頁面名稱限制和最佳實務 page-name-restrictions-and-best-practices

頁面 標題和名稱可以單獨建立 ,但是是相關的:

  • 建立頁面時,只需要​ 標題 ​欄位。 如果建立頁面時未提供​ Name,AEM將會從標題的前64個字元產生名稱(遵循以下設定的驗證)。 僅前64個字元用於支援短頁面名稱的最佳做法。
  • 如果作者手動指定頁面名稱,64字元限制不適用,但頁面名稱長度的其他技術限制可能適用。
TIP
定義頁面名稱時,一個好的經驗法則是保持頁面名稱簡短,但儘可能表達到位且容易記憶,讓讀者容易理解。 如需詳細資訊,請參閱title專案的W3C樣式指南
也請記住,某些瀏覽器(例如舊版的IE)只能接受一定長度的URL,因此還有技術原因需縮短頁面名稱。

建立頁面時,AEM 會依據AEM和JCR所強加的慣例來驗證頁面名稱。

允許的最小字元為:

  • a透過z
  • A透過Z
  • 0透過9
  • _ (底線)
  • - (連字型大小/減號)

可在命名慣例中找到所有允許字元的完整詳細資料。

NOTE
頁面名稱長度上限為150個字元。

標題 title

如果您在建立頁面時只提供頁面​ Title,AEM會從此字串衍生頁面​ Name,並依據AEM和JCR所強加的慣例驗證名稱。

已接受包含無效字元的​ Title ​欄位,但衍生的名稱已取代無效的字元。 例如:

標題
衍生名稱
Schon
schoen.html
SC%&*c+
sc---c-.html

名稱 name

當您在建立頁面時提供頁面​ Name ​時,AEM 會依據AEM和JCR所強加的慣例來驗證名稱。 您無法在​ 名稱 ​欄位中提交無效的字元。 當AEM偵測到無效字元時,此欄位會以說明訊息強調顯示。

輸入無效頁面名稱的範例

TIP
除非是語言根,否則應避免使用ISO-639-1定義的雙字母代碼作為頁面名稱。
如需詳細資訊,請參閱準備翻譯內容

範本 templates

在AEM中,範本是特殊型別的頁面,用來作為任何建立新頁面的基礎。

範本定義包含縮圖影像和其他屬性的頁面結構。 例如,您可以為產品頁面、Sitemap和聯絡資訊使用不同的範本。 範本由個元件組成。

AEM隨附幾個現成可用的範本。 可用的範本視個別網站而定。 主要欄位包括:

  • 標題 — 產生的網頁上顯示的標題
  • 名稱 — 用於命名頁面
  • 範本 — 產生新頁面時可用的範本清單

元件 components

元件是AEM提供的元素,因此您可以新增特定型別的內容。 AEM隨附一系列現成可用的元件,稱為核心元件,提供完整的功能。 以下是元件的一些範例:

  • 文字
  • 影像
  • 標題
  • 傳送
  • 以及更多功能

建立並開啟頁面後,您就可以使用元件瀏覽器提供的元件🔗來新增內容。

TIP
元件主控台提供您執行個體上元件的概觀。
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab