建立及組織頁面

本節說明如何使用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. 選擇​建立​以建立資料夾。

本頁內容