建立及組織頁面 creating-and-organizing-pages
本節說明如何使用Adobe Experience Manager (AEM)建立和管理頁面,以便您接著可以在這些頁面上建立內容。
組織您的網站 organizing-your-website
以作者身分,在AEM中組織您的網站。 這涉及建立和命名內容頁面,以便:
- 您可以在作者環境中輕鬆找到他們
- 您網站的訪客可在發佈環境中輕鬆瀏覽這些專案
您也可以使用資料夾來協助組織您的內容。
網站的結構可視為儲存內容頁面的樹狀結構。 這些內容頁面的名稱會用於組成URL,而標題則會在您檢視頁面內容時顯示。
以下顯示We.Retail網站的範例,其中存取了健行短褲頁面( desert-sky-shorts
):
-
作者環境
https://localhost:4502/editor.html/content/we-retail/us/en/products/equipment/hiking/desert-sky-shorts.html
-
Publish環境
https://localhost:4503/content/we-retail/us/en/products/equipment/hiking/desert-sky-shorts.html
根據您執行個體的設定,發佈環境上可能會選擇使用/content
。
/content
/we-retail
/us
/en
/products
/equipment
/hiking
/desert-sky-shorts
/hiking-poles
/...
/running...
/surfing...
/...
/seasonal...
/...
/about-us
/experience
/...
/es...
/de...
/fr...
/...
/...
您可以從 網站 主控台檢視此結構,您可以瀏覽您網站的各個頁面,並在這些頁面上執行動作。 您也可以建立新網站和新頁面。
從任何點開始,您都可以從標頭列的階層連結看到向上分支:
頁面命名慣例 page-naming-conventions
建立頁面時,有兩個索引鍵欄位:
-
標題:
- 主控台會向使用者顯示這項資訊,並在編輯時顯示在頁面內容的頂端。
- 此字段是必填字段。
-
名稱:
- 這會用來產生URI。
- 此欄位的使用者輸入為選用。 如果未指定,則會從標題衍生名稱。 如需詳細資訊,請參閱下列章節頁面名稱限制和最佳實務。
頁面名稱限制和最佳實務 page-name-restrictions-and-best-practices
頁面 標題 和名稱可以單獨建立 ,但是是相關的:
-
建立頁面時,只需要 標題 欄位。 如果建立頁面時未提供 Name,AEM將會從標題的前64個字元產生名稱(遵循以下設定的驗證)。 僅前64個字元用於支援短頁面名稱的最佳做法。
-
如果作者手動指定頁面名稱,64字元限制不適用,但頁面名稱長度的其他技術限制可能適用。
title
專案的W3C樣式指南。建立頁面時,AEM 會依據AEM和JCR所強加的慣例來驗證頁面名稱。
允許的最小字元為:
- 'a'到'z'
- 'A'到'Z'
- '0'到'9'
_
(底線)-
(連字型大小/減號)
可在命名慣例中找到所有允許字元的完整詳細資料。
標題 title
如果您在建立頁面時只提供頁面 Title,AEM會從此字串衍生頁面 Name,並依據AEM和JCR所強加的慣例驗證名稱。 將接受包含無效字元的 Title 欄位,但衍生的名稱會將無效的字元替換掉。 例如:
名稱 name
當您在建立頁面時提供頁面 Name 時,AEM 會依據AEM和JCR所強加的慣例來驗證名稱。 您無法在 名稱 欄位中提交無效的字元。 當AEM偵測到無效字元時,此欄位將會以說明訊息強調顯示。
範本 templates
在AEM中,範本會指定特殊型別的頁面。 範本會用作任何建立新頁面的基礎。
範本定義包含縮圖影像和其他屬性的頁面結構。 例如,您可以為產品頁面、Sitemap和聯絡資訊使用不同的範本。 範本由個元件組成。
AEM隨附幾個現成可用的範本。 可用的範本視個別網站而定。 主要欄位包括:
-
標題
在產生的網頁上顯示的標題。 -
名稱
用於命名頁面。 -
範本
可在產生新頁面時使用的範本清單。
元件 components
元件是AEM提供的元素,可供您新增特定型別的內容。 AEM隨附一系列現成可用的元件,提供完整的功能。 這些類別包括:
- 文字
- 影像
- Slideshow
- 影片
- 以及更多功能
建立並開啟頁面後,您就可以使用元件瀏覽器提供的元件🔗來新增內容。
管理頁面 managing-pages
建立新頁面 creating-a-new-page
除非所有頁面都已預先為您建立,否則您必須先建立頁面,然後才能開始建立內容:
-
開啟Sites主控台(例如,https://localhost:4502/sites.html/content)。
-
導覽至您要建立新頁面的位置。
-
使用工具列中的 Create 開啟下拉式選取器,然後從清單中選取 Page:
-
從精靈的第一階段,您可以:
-
選取您要用來建立新頁面的範本,然後按一下[下一步] 以繼續。
-
取消 以中止程式。
-
-
在精靈的最後階段,您可以:
-
使用三個索引標籤來輸入您要指派給新頁面的頁面屬性,然後按一下[建立] 來實際建立頁面。
-
使用 上一步 返回範本選取範圍。
主要欄位包括:
-
標題:
- 這會向使用者顯示,且是強制性的。
-
名稱:
-
這會用來產生URI。 如果未指定,則會從標題衍生名稱。
-
如果您在建立頁面時提供頁面 Name,AEM 會依據AEM和JCR所強加的慣例驗證名稱。
-
您 無法在 名稱 欄位中提交無效的字元。 當AEM偵測到無效字元時,將會反白顯示欄位,並顯示說明訊息,指出需要移除/取代的字元。
-
note note NOTE 請參閱頁面命名慣例。 建立頁面所需的最少資訊是 標題。
-
-
使用 建立 完成程式並建立新頁面。 確認對話方塊會詢問您是要立即 開啟 頁面,還是返回主控台(完成):
note note NOTE 如果您使用該位置已存在的名稱來建立頁面,系統將藉由附加一個編號來自動產生名稱的變體。 例如,如果 winter
已存在,則新頁面將變成winter0
。 -
如果您返回主控台,則會看到新頁面:
開啟頁面進行編輯 opening-a-page-for-editing
建立頁面或(在主控台中)導覽至現有頁面後,您可以開啟頁面進行編輯:
複製和貼上頁面 copying-and-pasting-a-page
您可以將頁面及其所有子頁面複製到新位置:
-
在 Sites 主控台中,導覽至找到您要複製的頁面。
-
使用以下其中一種方式選取您的頁面:
然後 複製 頁面圖示:
note note NOTE 如果您處於選取模式,這會在頁面複製後立即自動退出。 -
導覽至頁面新復本的位置。
-
貼上 圖示可使用直接右側的下拉式箭頭顯示:
您可以執行下列兩個動作中的一個:
- 選取 貼上 頁面圖示本身:將在此位置建立原始頁面及任何子頁面的復本。
- 選取下拉箭頭以顯示不含子項的 貼上 選項。 將在此位置建立原始頁面的復本;不會複製子頁面。
note note NOTE 如果您將頁面複製到某個位置,而該位置已經存在名稱與原始名稱相同的頁面,則系統將藉由附加一個編號來自動產生名稱的變體。 例如,如果 winter
已經存在,winter
將變成winter1
。
移動或重新命名頁面 moving-or-renaming-a-page
移動或重新命名頁面的程式基本相同,並由同一精靈處理。 使用此精靈,您可以:
- 重新命名頁面而不移動頁面。
- 移動頁面而不重新命名。
- 同時移動和重新命名。
AEM提供可更新任何內部連結的功能,這些連結會參照正在重新命名/移動的頁面。 您可以逐頁進行,提供完整的彈性。
-
導覽,直到找到您要移動的頁面為止。
-
使用以下其中一種方式選取您的頁面:
然後選取「移動」頁面圖示:
這會開啟移動頁面精靈。
-
從精靈的 重新命名 階段,您可以:
-
指定移動頁面後您要使用的名稱,然後按一下[下一步] 繼續。
-
取消 以中止程式。
如果您只移動頁面,頁面名稱可以維持不變。
note note NOTE 如果您將頁面移至相同名稱的頁面已經存在的位置,系統將藉由附加編號來自動產生名稱的變體。 例如,如果 winter
已經存在,winter
將變成winter1
。 -
-
在精靈的 選取目的地 階段中,您可以:
-
使用欄檢視瀏覽至頁面的新位置:
- 按一下目的地的縮圖,以選取目的地。
- 按一下[下一步] 繼續。
-
使用 上一步 返回頁面名稱規格。
note note NOTE 依預設,將會選取您要移動/重新命名的頁面的父頁面作為目的地。 note note NOTE 如果您將頁面移至相同名稱的頁面已經存在的位置,系統將藉由附加編號來自動產生名稱的變體。 例如,如果 winter
已經存在,winter
將變成winter1
。 -
-
如果頁面已連結或參考,或已發佈,則詳細資料將列在 調整/重新發佈 步驟中。
您可以指出哪些頁面應適當地調整及/或重新發佈。
note note NOTE 如果頁面既未連結也未參考,則無法使用此步驟。 -
選取「移動 」將會完成程式,並視需要移動/重新命名您的頁面。
非同步動作 asynchronous-actions
頁面移動動作一律會以非同步方式處理,讓使用者能不受阻礙地繼續在UI中編寫。
-
使用者必須定義何時應執行非同步操作
- 現在 立即開始執行非同步工作。
- 稍後 可讓使用者定義非同步工作何時開始。
可在 全域導覽 > 工具 > 作業 > 作業 的非同步作業狀態 儀表板中檢查非同步作業的狀態
刪除頁面 deleting-a-page
-
導覽,直到您可以看見要刪除的頁面為止。
-
使用選取模式來選取必要的頁面,然後使用工具列中的 刪除:
note note NOTE 為了安全起見,「刪 除」頁面圖示不能作為快速動作使用。 -
對話方塊將會要求確認,使用:
-
取消 以中止動作
-
刪除 以確認動作:
- 如果頁面沒有引用,則會刪除該頁面。
- 如果頁面有參照,訊息方塊會通知您 已參照一或多個頁面。 您可以選取 強制刪除 或 取消。
-
鎖定頁面 locking-a-page
您可以從主控台或編輯個別頁面時鎖定/解除鎖定頁面。 有關鎖定頁面的資訊也會顯示在這兩個位置。
建立新資料夾 creating-a-new-folder
您可以建立資料夾來協助組織您的檔案和頁面。
- 資料夾只能直接在 網站 或其他資料夾下建立。 無法在頁面下建立縮圖。
- 您可以在資料夾上執行移動、複製、貼上、刪除、發佈、取消發佈和檢視/編輯屬性的標準動作。
- 無法在即時副本中選取資料夾。
-
開啟 網站 主控台,並導覽至所需位置。
-
若要開啟選項清單,請從工具列選取 建立
-
選取 資料夾 以開啟對話方塊。 您可以在這裡輸入 名稱 和 標題:
-
選取 建立 以建立資料夾。