建立及組織頁面

本節說明如何使用Adobe Experience Manager(AEM)建立和管理頁面，以便您接著能在這些頁面上建立內容。

注意

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

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

注意

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

組織網站

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

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

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

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

下列顯示We.Retail網站的範例，其中存取健行短褲頁面(desert-sky-shorts):

  • 製作環境：http://localhost:4502/editor.html/content/we-retail/us/en/products/equipment/hiking/desert-sky-shorts.html

  • 發佈環境：http://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...
  /...
 /...

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

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

screen_shot_2018-03-22at104706

頁面命名慣例

建立新頁面時，有兩個索引鍵欄位：

  • 標題:

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

  • 名稱:

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

頁面名稱限制和最佳作法

頁面 標題​和名稱可以單獨建立 ，但是是相關的：

  • 建立頁面時，僅需​Title​欄位。 如果在建立頁面時未提供​Name,AEM將從標題的前64個字元產生名稱（遵循下列驗證）。 僅使用前64個字元，以支援短頁面名稱的最佳作法。

  • 如果作者手動指定頁面名稱，64個字元的限制不適用，但頁面名稱長度的其他技術限制可能會適用。

注意

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

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

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

允許的字元數下限為：

  • 'a'到'z'
  • 'A'到'Z'
  • '0'到'9'
  • _（下划線）
  • - （連字型大小/減號）

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

注意

如果AEM在MongoMK永續性管理器部署上執行，則頁面名稱限制為150個字元。

標題

如果您在建立新頁面時只提供頁面 Title ,AEM會從此字串衍生頁面 Name ，並根據AEM和JCR所強加的慣例來驗證名稱。將接受包含無效字元的​Title​欄位，但派生的名稱將替換無效字元。 例如：

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

名稱

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

screen_shot_2018-03-22at104817

注意

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

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

範本

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

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

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

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

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

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

注意

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

元件

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

  • 文字
  • 影像
  • Slideshow
  • 影片
  • 還有更多

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

注意

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

管理頁面

建立新頁面

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

  1. 開啟Sites主控台(例如http://localhost:4502/sites.html/content)。

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

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

    screen_shot_2018-03-22at104944

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

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

    chlimage_1-8

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

    • 使用這三個頁簽輸入要分配給新頁面的頁面屬性，然後按一下/點選​建立​以實際建立頁面。
    • 使用​Back​返回到模板選擇。

    關鍵欄位包括：

    • 標題:

      • 這會向使用者顯示，且為必要項目。

    • 名稱:

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

    請參閱頁面命名慣例。

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

    chlimage_1-9

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

    chlimage_1-10

    注意

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

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

    screen_shot_2018-03-22at105321

注意

建立頁面後，無法變更其範本 — 除非您使用新範本建立啟動，但這會遺失任何已存在的內容。

開啟頁面進行編輯

建立頁面或導覽至現有頁面（在主控台中）後，您可以開啟它進行編輯：

  1. 開啟​Sites​主控台。

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

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

    然後選擇​Edit​表徵圖：

    screen_shot_2018-03-22at105355

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

注意

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

複製和貼上頁面

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

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

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

    接著，Copy​頁面圖示：

    screen_shot_2018-03-22at105425

    注意

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

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

  4. 使用​貼上​頁面圖示：

    screen_shot_2018-03-22at105510

    原始頁面和任何子頁面的副本將在此位置建立。

    注意

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

移動或更名頁面

注意

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

注意

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

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

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

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

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

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

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

    screen_shot_2018-03-22at105534

    這會開啟移動頁面精靈。

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

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

    chlimage_1-11

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

    注意

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

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

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

      • 按一下目的地的縮圖，以選取目的地。
      • 按一下​Next​以繼續。

    • 使用​Back​返回頁名規範。

    chlimage_1-12

    注意

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

  5. 如果頁面連結或參照，則這些參照會列在​Adjust/Republish​步驟中。 您可以指出哪些項目應適當加以調整並重新發佈。

    chlimage_1-13

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

注意

如果頁面已發佈，移動頁面會自動解除發佈。依預設，移動完成時會重新發佈，但您可以取消勾選​調整/重新發佈​步驟中的​重新發佈​欄位，以變更此設定。

注意

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

刪除頁面

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

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

    screen_shot_2018-03-22at105622

    注意

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

  3. 對話會要求確認。

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

    • 取消​來中止動作

    • 刪除​來確認動作：

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

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

鎖定頁面

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

screen_shot_2018-03-22at105713 screen_shot_2018-03-22at105720

建立新資料夾

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

注意

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

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

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

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

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

    chlimage_1-14

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

本頁內容