製作頁面的快速指南 quick-guide-to-authoring-pages

這些程式旨在作為在AEM中編寫頁面內容關鍵動作的快速指南(高層級)。

上述功能為:

  • 不是為了提供完整的涵蓋範圍。
  • 提供詳細檔案的連結。

如需使用AEM編寫的完整詳細資訊,請參閱:

一些快速提示 a-few-quick-hints

在概略介紹具體內容之前,請先參閱以下小冊子,其中收錄一些值得牢記的一般秘訣和提示。

Sites 主控台 sites-console

  • 建立

    • 此按鈕在許多主控台中都有提供 — 顯示的選項會區分大小寫,因此可視情況而有所不同。
  • 在資料夾中重新排序頁面

    • 您可以在中完成此作業 清單檢視. 變更會套用並顯示在其他檢視中。

頁面製作 page-authoring

  • 導覽連結

  • 無法從頁面編輯器啟動/建立版本;現在,可以從網站主控台完成(透過 建立時間表 (針對選取的資源)。

NOTE
有數種鍵盤快速鍵可讓您更輕鬆進行撰寫體驗。

尋找您的頁面 finding-your-page

尋找頁面有許多方面;您可以導覽及/或搜尋:

  1. 開啟 網站 主控台(使用 網站 中的選項 全域導覽) — 這會在您選取Adobe Experience Manager連結(左上方)時觸發(下拉式清單)。

  2. 點選/按一下適當的頁面,在樹狀結構中向下導覽。 頁面資源的呈現方式取決於您使用的檢視 — 卡片、清單或欄

    screen_shot_2018-03-21at160214

  3. 瀏覽樹狀結構,使用 標頭中的階層連結,可讓您返回所選位置:

    qgtap-01

  4. 您也可以 搜尋 用於頁面。 您可以從顯示的結果中選取您的頁面。

    qgtap-03

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

建立頁面

  1. 導覽至該位置 建立頁面的位置。

  2. 使用 建立 圖示,然後選取 頁面 從清單:

    qgtap-02

  3. 這會開啟精靈,引導您收集以下專案所需的資訊: 建立您的新頁面. 請依照熒幕上的指示操作。

選取您的頁面以採取進一步動作 selecting-your-page-for-further-action

您可以選取頁面以便對其執行動作。 選取頁面會自動更新工具列,以便顯示該資源相關的動作。

如何選取頁面取決於您在主控台中使用的檢視:

  1. 欄檢視:

    • 按一下所需資源的縮圖 — 縮圖上將覆蓋一個勾號,表示已選取該縮圖。
  2. 清單檢視:

    • 按一下所需資源的縮圖 — 縮圖上將覆蓋一個勾號,表示已選取該縮圖。
  3. 卡片檢視:

    screen_shot_2018-03-21at160503

    • 卡片上將覆蓋一個勾號,表示已選取頁面。
    note note
    NOTE
    在選擇模式中 選取 圖示(勾號)將變更為 取消選取 圖示(十字形)。

快速動作(僅限卡片檢視/案頭) quick-actions-card-view-desktop-only

快速動作 可用:

  1. 導覽至頁面 您要對其執行動作。

  2. 將滑鼠指標停留在代表所需資源的卡片上;會顯示快速動作:

    screen_shot_2018-03-21at160503-1

編輯您的頁面內容 editing-your-page-content

  1. 導覽至頁面 您想要編輯。

  2. 開啟您的頁面以進行編輯 使用編輯(鉛筆)圖示:

    screen_shot_2018-03-21at160607

    您可透過下列任一方式存取此專案:

  3. 編輯器開啟時,您可以:

    • 新增元件至您的頁面 作者:

      • 開啟側面板
      • 選取「元件」標籤( 元件瀏覽器)
      • 將必要的元件拖曳到頁面上。

      側面板的開啟(和關閉)方式:

      開啟側面板

    • 編輯現有元件的內容 在頁面上:

      • 按一下以開啟元件工具列。 使用 編輯 (鉛筆)圖示以開啟對話方塊。
      • 使用select-and-hold或按兩下滑鼠鍵開啟元件的就地編輯器。 會顯示可用的動作(對於某些元件而言,為有限的選取範圍)。
      • 若要檢視所有可用動作,請使用以下方法進入全熒幕模式:

      全熒幕模式

    • 設定現有元件的屬性

      • 按一下以開啟元件工具列。 使用 設定 (扳手)圖示以開啟對話方塊。
    • 移動元件 兩者之一:

      • 將所需元件拖曳至其新位置。
      • 按一下以開啟元件工具列。 使用 剪下貼上 圖示視需要顯示。
    • 複製(和貼上) 元件:

      • 按一下以開啟元件工具列。 使用 複製貼上 圖示視需要。
    note note
    NOTE
    您可以 貼上 元件至相同頁面或不同頁面。 如果貼上至剪下/復製作業前已開啟的其他頁面,則需要重新整理該頁面。
    • 刪除 元件:

      • 按一下以開啟元件工具列,然後使用 刪除 圖示。
    • 新增註解 移至頁面:

      • 選取 註解 模式(語音泡泡圖示)。 使用新增附註 新增註解 (加號)圖示。 使用右上方的X退出附註模式。

      註解

    • 預覽頁面 (檢視其顯示在發佈環境中的方式)

      • 選取 預覽 工具列中的。
    • 使用返回編輯模式(或選取其他模式) 編輯 下拉式選取器。

    note note
    NOTE
    若要使用內容中的連結導覽,您必須使用 預覽模式.

編輯頁面屬性 editing-the-page-properties

有兩種(主要)方法 編輯頁面屬性

發佈頁面(或取消發佈) publishing-your-page-or-unpublishing

有兩種主要方法 發佈您的頁面 (以及取消發佈):

  • 網站 主控台:

    1. 導覽至頁面 您要發佈。

    2. 選取 快速發佈 圖示來自:

    screen_shot_2018-03-21at160957

  • 時間 編輯您的頁面

    1. 開啟 頁面資訊 功能表。
    2. 選取 發佈頁面.

    screen_shot_2018-03-21at161026

  • 從主控台取消發佈頁面只能透過「管理出版物 ​」選項完成,此選項只能在工具列上使用 (不能透過快速動作)。

    取消發佈頁面 選項仍可透過 頁面資訊 功能表。

    screen_shot_2018-03-21at161059

    另請參閱 發佈頁面 以取得詳細資訊。

移動、複製並貼上或刪除您的頁面 move-copy-and-paste-or-delete-your-page

這些動作都可由以下動作觸發:

  1. 導覽至頁面 您想要移動、複製和貼上或刪除。

  2. 選擇複製 (然後貼上) 、移動或刪除圖示 (視需要),使用下列任一項:

    接著,視您的動作而定:

    • 複製:

      • 導覽至新位置並貼上。
    • 移動:

      • 精靈會開啟,以收集移動頁面所需的資訊。 請依照熒幕上的指示操作。
    • 刪除:

      • 系統會要求您確認動作。
    note note
    NOTE
    「刪除」不適用於「快速動作」。

鎖定頁面(然後解鎖) locking-your-page-then-unlocking

鎖定頁面 ,會使其他作者無法在您執行時使用頁面。您可以找到「鎖定 (和解除鎖定) 」圖示/按鈕:

例如,鎖定圖示看起來像這樣:

screen_shot_2018-03-21at161124

存取頁面參照 accessing-page-references

快速存取引用 至某個頁面或從某個頁面可在參考邊欄中使用。

  1. 選取 引用 使用工具列圖示(在之前或之後) 選取您的頁面):

    screen_shot_2018-03-21at161210

    此時會顯示參考型別清單:

    screen-shot_2019-03-05at114412

  2. 按一下所需的參照型別以顯示更多詳細資訊,並(在適當時)採取進一步動作。

建立頁面的版本 creating-a-version-of-your-page

若要建立 版本 ,共頁:

  1. 若要開啟「時間軸」邊欄,請選取 時間表 使用工具列圖示(在之前或之後) 選取您的頁面):

    screen_shot_2018-03-21at161355

  2. 按一下「時間軸」欄右下方的向上箭頭以顯示其他按鈕,包括 另存為版本.

    screen-shot_2019-03-05at114600

  3. 選取 另存為版本,然後 建立.

還原/比較頁面版本 restoring-comparing-a-version-of-your-page

還原及/或比較頁面版本時,會使用相同的基本機制:

  1. 選取 時間表 使用工具列圖示(在之前或之後) 選取您的頁面):

    screen_shot_2018-03-21at161355-1

    如果頁面的某個版本已儲存,則會列在時間軸中。

  2. 按一下您要還原的版本 — 這會顯示其他動作按鈕:

    • 還原為此版本

      • 版本已還原。
    • 顯示差異

      • 頁面開啟時會反白顯示兩個版本之間的差異。
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2