建立及組織頁面 creating-and-organizing-pages

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

NOTE
您的帳戶需要適當的存取許可權許可權,才能在頁面上執行動作,例如建立、複製、移動、編輯、刪除。
如果您遇到任何問題,我們建議您連絡系統管理員。

組織您的網站 organizing-your-website

身為作者,您必須在AEM中組織您的網站。 這涉及建立和命名內容頁面,以便:

  • 您可以在作者環境中輕鬆找到他們
  • 您網站的訪客可以輕鬆地在發佈環境中瀏覽它們

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

網站的結構可視為儲存您的內容頁面的​ 樹狀結構。 這些內容頁面的名稱會用於組成URL,而標題則會在您檢視頁面內容時顯示。

下列顯示從Geometrixx網站擷取的資訊;例如,將會存取Triangle頁面:

  • 作者環境

    http://localhost:4502/cf#/content/geometrixx/en/products/triangle.html

  • Publish環境

    http://localhost:4503/content/geometrixx/en/products/triangle.html

    根據您執行個體的設定,發佈環境上可能會選擇使用/content

  /content
    /geometrixx
      /en
        /toolbar...
        /products
          /triangle
            /overview
            /features
          /square...
          /circle...
          /...
        /...
      /fr...
      /de...
      /es...
      /...
    /...

此結構可以從網站主控台檢視,您可以使用它來瀏覽樹狀結構

chlimage_1-151

頁面命名慣例 page-naming-conventions

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

  • 標題

    • 主控台會向使用者顯示這項資訊,並在編輯時顯示在頁面內容的頂端。
    • 此字段是必填字段。
  • 名稱

    • 這會用來產生URI。
    • 此欄位的使用者輸入為選用。 如果未指定,則會從標題衍生名稱。

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

實作和允許的字元清單因UI而略有不同(觸控式UI允許範圍更廣),但允許的最低字元為:

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

如果您要確定這些字元被接受/使用,請只使用這些字元(如果您需要所有允許字元的完整詳細資訊,請參閱命名慣例)。

標題 title

如果您在建立頁面時只提供頁面​ Title,AEM會從此字串衍生頁面​ Name,並依據AEM和JCR所強加的慣例驗證名稱。 在這兩個UI中,將接受包含無效字元的​ Title ​欄位,但衍生的名稱將取代無效字元。 例如:

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

名稱 name

如果您在建立頁面時提供頁面​ Name,AEM 會依據AEM和JCR所強加的慣例驗證名稱。

在傳統UI中,無法在 ​名稱​ 欄位中輸入無效的字元

NOTE
在觸控式UI中,您​ 無法在 ​名稱​ 欄位中提交無效的字元。 當AEM偵測到無效字元時,將會反白顯示欄位,並顯示說明訊息,指出需要移除/取代的字元。
NOTE
除非是語言根,否則應避免使用ISO-639-1定義的雙字母代碼。
如需詳細資訊,請參閱準備翻譯內容

範本 templates

在AEM中,範本會指定特殊型別的頁面。 範本會用作任何建立新頁面的基礎。

範本定義頁面的結構,包括縮圖影像和其他屬性。 例如,您可以為產品頁面、Sitemap和聯絡資訊使用不同的範本。 範本由個元件組成。

AEM隨附幾個現成可用的範本。 提供的範本取決於個別網站,而需要提供的資訊(建立新頁面時)取決於使用的UI。 主要欄位包括:

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

  • 名稱
    用於命名頁面。

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

元件 components

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

  • 文字
  • 影像
  • Slideshow
  • 影片
  • 更多專案

建立並開啟頁面後,您就可以使用sidekick提供的元件🔗來新增內容。

管理頁面 managing-pages

建立新頁面 creating-a-new-page

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

  1. 從​ 網站 ​主控台,選取您要建立頁面的層級。

    在下列範例中,您正在層級​ Products ​下建立頁面 — 顯示在左窗格中;右窗格顯示已存在於​ Products ​下層級的頁面。

    screen_shot_2012-02-15at114413am

  2. 在​ 新增…… ​功能表(按一下​ 新增…… ​旁的箭頭)中,選取​ 新增頁面……建立頁面 ​視窗隨即開啟。

    按一下​ 新增…… ​本身也可當做​ 新增頁面…… ​選項的捷徑。

  3. 建立頁面 ​對話方塊可讓您:

    • 提供​ 標題;這會顯示給使用者。

    • 提供​ 名稱;此名稱用於產生URI。 如果未指定,則會從標題衍生名稱。

      • 如果您在建立頁面時提供頁面​ Name,AEM 會依據AEM和JCR所沿用的慣例驗證名稱。
      • 在傳統UI中,無法在 ​名稱​ 欄位中輸入無效的字元
    • 按一下您要用來建立新頁面的範本。

      範本是用作新頁面的基礎;例如,用來決定內容頁面的基本版面。

    note note
    NOTE
    請參閱頁面命名慣例

    建立頁面所需的最少資訊是​ 標題 ​和所需的範本。

    screen_shot_2012-02-15at114845am

    note note
    NOTE
    若要在URL中使用Unicode字元,請設定別名(sling:alias)屬性(頁面屬性)。
  4. 按一下​ 建立 ​以建立頁面。 返回​ 網站 ​主控台,您可以在其中看到新頁面的專案。

    主控台會視需要提供頁面相關資訊(例如上次編輯時間及更新者)。

    note note
    NOTE
    您也可以在編輯現有頁面時建立頁面。 使用Sidekick的​ 頁面 ​索引標籤中的​ 建立子頁面 ​會在正在編輯的頁面正下方建立一個頁面。

開啟頁面進行編輯 opening-a-page-for-editing

您可以透過下列幾種方法之一開啟要編輯的頁面

  • 從​ 網站 ​主控台,您可以​ 按兩下 ​頁面專案,以開啟它進行編輯。

  • 從​ 網站 ​主控台,您可以​ 用滑鼠右鍵按一下 (內容功能表)頁面專案,然後從功能表選取​ 開啟

  • 開啟頁面後,您可以按一下超連結,導覽至網站內的其他頁面(以進行編輯)。

複製和貼上頁面 copying-and-pasting-a-page

複製時,您可以複製:

  • 單次頁面
  • 包含所有子頁面的頁面
  1. 從​ 網站 ​主控台,選取您要複製的頁面。

    note note
    NOTE
    在此階段,不論您是要複製單一頁面,還是複製基礎子頁面,都無關緊要。
  2. 按一下​ 複製

  3. 導覽至新位置,然後按一下:

    • 貼上 — 貼上頁面及所有子頁面
    • Shift +貼上 — 僅貼上選取的頁面

    頁面會貼到新位置。

    note note
    NOTE
    如果現有頁面已有相同名稱,頁面名稱可能會自動調整。
    note note
    NOTE
    您也可以使用Sidekick的​ 頁面 ​索引標籤中的​ 複製頁面。 這會開啟一個對話方塊,您可以在其中指定目的地等等。

移動或重新命名頁面 moving-or-renaming-page

NOTE
在指定新頁面名稱時,重新命名頁面也需遵循頁面命名慣例

移動或重新命名頁面的程式相同。 透過相同的動作,您可以:

  • 將頁面移至新位置
  • 重新命名相同位置的頁面
  • 將頁面移至新位置並同時重新命名

AEM提供更新要重新命名或移動之頁面的內部連結的功能。 您可以逐頁進行,提供完整的彈性。

若要移動或重新命名頁面:

  1. 觸發移動的方法有很多:

    • 從​ 網站 ​主控台,按一下以選取頁面,然後選取​ 移動……
    • 從​ 網站 ​主控台,您也可以選取頁面專案,然後​ 按一下滑鼠右鍵 ​並選取​ 移動……
    • 編輯頁面時,您可以從sidekick的​ 頁面 ​索引標籤中選取​ 移動頁面
  2. 移動 ​視窗隨即開啟;您可以在此指定新位置、頁面的新名稱,或兩者皆指定。

    screen_shot_2012-02-15at121336pm

    頁面也會列出參照所移動頁面的頁面。 根據參照頁面的狀態,您或許可以調整這些連結和/或重新發佈頁面。

  3. 視情況填寫下列欄位:

    • 目的地

      使用Sitemap (可透過下拉式選擇器取得)來選取頁面應該移動到的位置。

      如果您只重新命名頁面,請忽略此欄位。

    • 移動

      指定要移動的頁面 — 這通常會根據您啟動移動動作的方式和位置預設填入。

    • 重新命名為

      依預設,目前頁面標籤會顯示。 如有需要,請指定新頁面標籤。

    • 調整

      更新列出頁面上指向已移動頁面的連結:例如,如果頁面A有頁面B的連結,AEM會調整頁面A的連結,以防您移動頁面B。

      可以為每個單獨引用頁面選擇/取消選擇此選項。

    • 重新發佈

      重新發佈引用頁面;再次可以為每個單獨頁面選擇此選項。

    note note
    NOTE
    如果頁面已啟動,移動頁面會自動將其停用。 依預設,移動完成時會重新啟用它,但是這可透過取消核取​ 移動 ​視窗中頁面的​ 重新發佈 ​欄位來變更。
  4. 按一下​ 移動。 需要確認。 按一下​ 確定 ​確認。

    note note
    NOTE
    不會更新頁面標題。

刪除頁面 deleting-a-page

  1. 您可以從各種位置刪除頁面:

    • 在​ 網站 ​主控台中,按一下以選取頁面,然後按一下滑鼠右鍵並從產生的功能表中選取​ 刪除
    • 在​ 網站 ​主控台中,按一下以選取頁面,然後從工具列功能表中選取​ 刪除
    • 在sidekick中,使用​ 頁面 ​索引標籤來選取​ 刪除頁面 — 這會刪除目前開啟的頁面。
  2. 選取刪除頁面後,您必須確認請求,因為動作無法復原。

    note note
    NOTE
    刪除後,如果頁面已發佈,您可以還原最新(或特定)版本,但若已進行進一步修改,此版本的內容可能會與您的上一個版本不完全相同。 如需詳細資訊,請參閱如何還原頁面
NOTE
如果頁面已啟動,則在刪除前會自動將其停用。

鎖定頁面 locking-a-page

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

建立新資料夾 creating-a-new-folder

NOTE
指定新資料夾名稱時,資料夾也須遵守頁面命名慣例
  1. 開啟​ 網站 ​主控台,並導覽至所需位置。

  2. 在​ 新增…… ​功能表(按一下​ 新增…… ​旁的箭頭)中,選取​ 新增資料夾……

  3. 建立資料夾 ​對話方塊開啟。 您可以在這裡輸入​ 名稱 ​和​ 標題

    chlimage_1-152

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

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2