建立及組織頁面

本檔案說明如何使用Adobe Experience ManagerCloud Service建立和管理頁面,以便您接著能在這些頁面上建立內容

注意

您的帳戶需要適當的存取權限和權限,才能在頁面上採取動作,例如建立、複製、移動、編輯和刪除。

如果您遇到任何問題,建議您與系統管理員聯繫。

秘訣

您可以從網站主控台使用許多鍵盤快速鍵,讓組織頁面更有效率。

組織網站

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

  • 您可在製作環境中輕鬆找到這些標籤
  • 您網站的訪客可在發佈環境中輕鬆瀏覽網站

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

網站的結構可視為內含您內容頁面的樹狀結構。 這些內容頁面的名稱會用來形成URL,而標題會在檢視頁面內容時顯示。

以下顯示WKND Tutorial網站中訪問有關滑板園(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
    /...
   /...

此結構可從​Sites​控制台進行檢視,您可在此瀏覽您網站的頁面並在頁面上執行動作。 您也可以建立新網站和新頁面

您可以從標題列的階層連結看到向上的分支:

使用階層連結進行導覽

頁面命名慣例

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

  • 標題:

    • 這會顯示在主控台中給使用者,並在編輯時顯示在頁面內容的頂端。
    • 此欄位為必填.
  • 名稱:

    • 這用於生成URI。
    • 此欄位的用戶輸入為可選。 如果未指定,則從標題派生名稱。 如需詳細資訊,請參閱以下章節頁面名稱限制和最佳實務

頁面名稱限制和最佳作法

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

  • 建立頁面時,僅需​Title​欄位。 如果在建立頁面時未提供​Name,AEM將從標題的前64個字元產生名稱(遵循下列驗證)。 僅使用前64個字元,以支援短頁面名稱的最佳作法。
  • 如果作者手動指定頁面名稱,64個字元的限制不適用,但頁面名稱長度的其他技術限制可能會適用。
秘訣

定義頁面名稱時,最佳的經驗法則是盡可能保持頁面名稱簡短,但盡可能表達力和令人難忘,讓讀者更容易理解。 如需詳細資訊,請參閱title元素的W3C樣式指南

另請記住,有些瀏覽器(例如舊版IE)只能接受長度達特定的URL,因此也有技術原因需要縮短頁面名稱。

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

允許的字元數下限為:

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

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

注意

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

標題

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

將接受包含無效字元的​Title​欄位,但派生的名稱將替換無效字元。 例如:

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

名稱

當您在建立新頁面時提供頁面​Name​時,AEM會根據AEM和JCR所強加的慣例🔗驗證名稱。 不能在​名稱​欄位中提交無效字元。 當AEM偵測到無效字元時,欄位將會強調顯示並顯示說明訊息。

輸入無效頁面名稱的範例

秘訣

除非是語言根,否則應避免使用ISO-639-1所定義的雙字母代碼作為頁面名稱。

如需詳細資訊,請參閱準備翻譯內容

範本

在AEM中,範本會指定專用的頁面類型。 模板將用作建立任何新頁面的基礎。

範本定義包含縮圖影像和其他屬性的頁面結構。 例如,您可能有不同的產品頁面、網站地圖和聯絡資訊範本。 範本由元件組成。

AEM隨附數個現成可用的範本。 可用的範本取決於個別網站。 關鍵欄位為:


  • 標題產生的網頁上顯示的標題。


  • 命名頁面時使用的名稱。


  • 範本:產生新頁面時可用的範本清單。

秘訣

如果在您的執行個體上設定,範本作者可以使用範本編輯器建立範本。

元件

元件是AEM提供的元素,可讓您新增特定類型的內容。 AEM隨附一系列現成可用的元件,可提供全面功能。 這些包括:

  • 文字
  • 影像
  • 標題
  • 傳送
  • 還有更多

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

秘訣

元件控制台提供執行個體上元件的概觀。

管理頁面

建立新頁面

除非事先已為您建立所有頁面,否則您必須先建立頁面,才能開始建立內容:

  1. 開啟Sites主控台(例如https://<host>:<port>/sites.html/content)。

  2. 導覽至您要建立新頁面的位置。

  3. 使用工具列中的「建立」 ​,開啟下拉式選取器,然後從清單中選 取「頁面 」:

    建立頁面

  4. 從精靈的第一階段,您可以執行下列任一動作:

    • 選取您要用來建立新頁面的範本,然後按一下/點選​Next​以繼續。

    • ​取消中止程式。

    為新頁面選取範本

  5. 從精靈的最後一個階段,您可以執行下列任一操作:

    • 使用這三個頁簽輸入要分配給新頁面的頁面屬性,然後按一下/點選​建立​以實際建立頁面。

    • 使用​Back​返回到模板選擇。

    關鍵欄位包括:

    • 標題:

      • 這會向使用者顯示,且為必要項目。
    • 名稱:

      • 這用於生成URI。 如果未指定,則從標題派生名稱。
      • 如果您在建立新頁面時提供頁面​名稱,AEM將根據AEM和JCR所強加的慣例🔗驗證名稱。
      • 在​Name​欄位中,不能提交無效字元。 當AEM偵測到無效字元時,欄位會反白顯示,並顯示說明訊息,指出需要移除/取代的字元。
    秘訣

    請參閱頁面命名慣例

    建立新頁面所需的最低資訊為​Title

    提供頁面標題

  6. 使用​Create​完成該過程並建立新頁。 確認對話框將詢問您是否要立即開啟​頁面或返回控制台( Done ):

    頁面建立成功

    注意

    如果您使用該位置已存在的名稱建立頁面,系統將通過附加數字自動生成該名稱的變化。 例如,如果beach已存在,則新頁面將變成beach1

  7. 如果您返回主控台,則會看到您的新頁面:

    產生的新頁面

注意

建立頁面後,無法變更其範本 — 除非您使用新範本建立啟動,但這會遺失任何現有內容。

開啟頁面進行編輯

建立頁面或導覽至現有頁面(在主控台中)後,您可以開啟它進行編輯:

  1. 開啟​Sites​主控台。

  2. 導覽,直到找到您要編輯的頁面為止。

  3. 使用下列任一項來選取您的頁面:

    然後選擇​Edit​表徵圖:

    編輯按鈕

  4. 頁面將會開啟,您可以視需要編輯頁面

注意

從頁面編輯器導覽至其他頁面只能在「預覽」模式中,因為連結在「編輯」模式中未處於作用中狀態。

複製和貼上頁面

您可以將頁面及其所有子頁面複製到新位置:

  1. 在​Sites​主控台中,導覽至您找到要複製的頁面為止。

  2. 使用下列任一項選取您的頁面:

    接著,Copy​頁面圖示:

    複製

    注意

    如果您處於選取模式,則複製頁面時,就會自動退出。

  3. 導覽至頁面新復本的位置。

  4. 貼上​圖示可以直接在右下拉箭頭中使用:

    貼上

    您可以:

    1. 選取​貼上​頁面圖示本身:將在此位置建立原始頁面和任何子頁面的副本。
    2. 選擇下拉箭頭以顯示「貼上而不含子項」選項。 將在此位置建立原始頁面的副本;不會複製子頁面。
    注意

    如果將頁面複製到與原始頁面同名的頁面已存在的位置,系統將通過附加數字自動生成名稱的變化。 例如,如果beach已存在名稱為beach的新頁面,則會變成beach1

移動或更名頁面

移動或重新命名頁面的程式基本相同,由相同精靈處理。 使用此嚮導,您可以:

  • 重新命名頁面而不移動它
  • 移動頁面而不重新命名
  • 同時移動和重新命名

AEM提供您更新任何內部連結的功能,這些連結會參照被重新命名/移動的頁面。 您可以逐頁完成這項作業,以提供完全的彈性。

  1. 導覽,直到找到您要移動的頁面為止。

  2. 使用下列任一項選取您的頁面:

    然後選擇​Move​頁表徵圖:

    移動按鈕

    這會開啟移動頁面精靈。

  3. 從嚮導的​更名​階段,可以執行以下任一操作:

    • 指定在移動頁面後要保留的名稱,然後按一下/點選​Next​以繼續。
    • ​取消中止程式。

    移動和重新命名頁面

    如果您只要移動頁面,頁面名稱可以維持不變。

    注意

    如果將頁面移至已存在同名頁面的位置,系統會透過附加數字來自動產生名稱的變異。 例如,如果beach已存在名稱為beach的新頁面,則會變成beach1

  4. 從嚮導的​選擇目標​階段中,可以執行以下任一操作:

    • 使用欄檢視導覽至頁面的新位置:

      • 按一下目的地的縮圖,以選取目的地。
      • 按一下​Next​以繼續。
    • 使用​Back​返回頁名規範。

    注意

    依預設,您要移動/重新命名的頁面的上層會選取作為目的地。

    選擇頁面移動目標

    注意

    如果將頁面移至已存在同名頁面的位置,系統會透過附加數字來自動產生名稱的變異。 例如,如果winter已存在winter將變為winter1

  5. 如果頁面已連結或參照,或已發佈,則詳細資訊將列在​Adjust/Republish​步驟中。

    您可以指出哪些項目應視情況調整及/或重新發佈。

    注意

    如果頁面既未連結亦未參照,則此步驟將無法使用。

    移動時重新發佈頁面

  6. 選擇​Move​將完成該過程,並根據需要移動/更名您的頁面。

注意

如果頁面已發佈,移動頁面會自動解除發佈。依預設,移動完成時會重新發佈它,但是這可透過取消勾選「調整/重新發佈」步驟中的「重新發佈 」欄位來 變更 ​。

注意

如果頁面未以任何方式參照,則會略過​Adjust/Republish​步驟。

注意

在指定新頁面名稱時,更名頁面也應遵循頁面命名慣例

注意

頁面只能移至允許頁面所依據之範本的位置。 如需詳細資訊,請參閱範本可用性

非同步動作

通常會立即執行頁面移動或重新命名動作。 這會視為同步處理,而UI中的進一步動作會遭到封鎖,直到動作完成為止。

不過,如果受影響的頁面數量超過定義的限制,系統會以非同步方式處理動作,讓使用者能繼續在UI中編寫,不受頁面移動或重新命名動作的阻礙。

  • 按一下上述最後一步的​移動​時,AEM會檢查已設定的限制。
  • 如果受影響的頁數低於限制,則會執行同步操作。
  • 如果受影響的頁數超過上限,則會執行非同步操作。
    • 使用者必須定義應執行非同步操作的時間
      • ​現在會立即開始執行非同步作業。

      • ​之後,使用者可定義非同步作業的開始時間。

        非同步頁面移動

在​非同步作業狀態​儀表板的​全局導覽 -> 工具 -> 操作 -> 作業,可以檢查非同步作業的狀態

注意

有關非同步作業處理以及如何配置頁面移動/更名操作限制的詳細資訊,請參閱操作使用手冊中的非同步作業文檔。

刪除頁面

  1. 導覽,直到您看到要刪除的頁面為止。

  2. 使用選擇模式選擇所需頁面,然後使用工具欄中的​Delete:

    刪除按鈕

    注意

    為了安全起見,「刪 ​除」頁面圖示不能作為快速動作使用。

  3. 對話會要求確認。

    刪除對話方塊

    • 您要在刪除前先封存頁面嗎? — 如果選中此選項,則刪除時將建立要刪除的頁面的版本。

    • 取消​來中止動作

    • 刪除​來確認動作:

      • 如果頁面沒有任何參考,則會刪除頁面。
      • 如果頁面有參考,則會顯示訊息方塊通知您已參考​一或多個頁面。​您可以選取​強制刪除​或​取消
注意

如果頁面已發佈,則會在刪除前自動取消發佈。

鎖定頁面

您可以從主控台或編輯個別頁面時鎖定/解除鎖定頁面。 關於頁面是否已鎖定的資訊也會顯示在兩個位置中。

鎖定按
鈕解鎖按鈕

建立新資料夾

您可以建立資料夾,以協助組織您的檔案和頁面。

  1. 開啟​Sites​主控台,並導覽至所需位置。

  2. 要開啟選項清單,請從工具欄中選擇​Create

  3. 選擇​資料夾​以開啟對話框。 您可以在此處輸入​Name​和​Title:

    建立資料夾

  4. 選擇​建立​以建立資料夾。

注意

指定新資料夾名稱時,資料夾也必須遵守頁面命名慣例

注意
  • 只能直接在​Sites​下或在其他資料夾下建立資料夾。 無法在頁面下建立。
  • 標準動作移動、複製、貼上、刪除、發佈、取消發佈,以及檢視/編輯屬性可在資料夾上執行。
  • 資料夾無法用於即時副本中的選擇。

本頁內容