建立及組織頁面

本節說明如何使用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所強制的慣例驗證名稱。 您不能在​Name​欄位中提交無效字元。 當AEM偵測到無效字元時，欄位會以說明性訊息反白顯示。

screen_shot_2018-03-22at104817

注意

您應避免使用由ISO-639-1定義的雙字母代碼作為頁面名稱，除非它是語言根目錄。

有關詳細資訊，請參閱準備翻譯內容。

範本

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

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

AEM隨附數個現成可用的範本。 可用的範本取決於個別網站。 主要欄位包括：

  • 標
    題顯示在結果網頁上的標題。

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

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

注意

如果在實例上配置了模板作者，則可以使用模板編輯器建立模板。

元件

元件是AEM提供的元素，讓您可以新增特定類型的內容。 AEM隨附一系列現成可用的元件，提供完整的功能。 其中包括：

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

建立並開啟頁面後，您就可使用](/docs/experience-manager-64/authoring/authoring/editing-content.html?lang=zh-Hant#inserting-a-component)元件瀏覽器[提供的元件新增內容。

注意

Components Console提供實例上元件的概述。

管理頁面

建立新頁面

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

  1. 開啟網站主控台(例如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所提供的慣例驗證名稱。
      • 無法在​名稱​欄位中提交無效字元。 當AEM偵測到無效字元時，欄位會反白顯示，並顯示說明訊息，指出需要移除／取代的字元。
    注意

    請參閱頁面命名慣例。

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

    chlimage_1-9

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

    chlimage_1-10

    注意

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

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

    screen_shot_2018-03-22at105321

注意

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

開啟頁面進行編輯

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

  1. 開啟​Sites​控制台。

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

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

    然後選擇​編輯​表徵圖：

    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. 在嚮導的​Rename​階段中，您可以執行以下任一操作：

    • 指定在頁面移動後您想要擁有的名稱，然後按一下／點選​Next​繼續。
    • 取消 以中止進程。

    chlimage_1-11

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

    注意

    如果您將頁面移至已有相同名稱之頁面的位置，系統會附加數字以自動產生名稱的變更。 例如，如果winter已存在winter，則會變成winter1。

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

    • 使用列視圖導航到頁面的新位置：

      • 按一下目標的縮略圖，選擇目標。
      • 按一下​Next​繼續。

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

    chlimage_1-12

    注意

    如果您將頁面移至已有相同名稱之頁面的位置，系統會附加數字以自動產生名稱的變更。 例如，如果winter已存在winter，則會變成winter1。

  5. 如果頁面已連結或參考，則這些參考會列在​調整／重新發佈​步驟中。 您可以指出哪些應視需要調整並重新發佈。

    chlimage_1-13

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

注意

如果頁面已發佈，移動頁面會自動解除發佈。預設情況下，移動完成時將重新發佈，但可以通過取消選中​調整／重新發佈​步驟中的​重新發佈​欄位來更改。

注意

如果頁面未以任何方式參考，則會跳過​調整／重新發佈​步驟。

刪除頁面

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

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

    screen_shot_2018-03-22at105622

    注意

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

  3. 對話方塊會要求確認。

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

    • 取消​來中止動作

    • 刪除​來確認動作：

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

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

鎖定頁面

您可以從控制台或編輯個別頁面時，鎖定／解除鎖定頁面。 有關頁面是否被鎖定的資訊也會顯示在這兩個位置。

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

建立新資料夾

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

注意

指定新資料夾名稱時，資料夾也受頁面命名約定的約束。

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

  1. 開啟​Sites​控制台並導航到所需位置。

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

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

    chlimage_1-14

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

本頁內容