編寫頁面快速指南

這些程式是AEM中編寫頁面內容之關鍵動作的快速指南(高階)。

上述功能為:

  • 不是全面涵蓋。
  • 提供詳細檔案的連結。

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

幾個快速提示

在概述具體內容之前,請先閱讀一小組值得記住的一般提示和提示,尤其是當您使用傳統UI製作環境時。

站點控制台

  • 建立

    • 此按鈕適用於許多控制台——顯示的選項會隨情境而改變,因此可能會隨情境而改變。
  • 重新排序資料夾中的頁面

    • 這可在清單檢視中完成。 將應用更改並在其他視圖中可見。
  • 變更您的UI

頁面編寫

  • 導覽連結

    • 當您處於「編輯」模 式時,無法導 ​覽連結。若要使用連結進行導覽,您需要使用下列其中一種方式來預覽頁面](/docs/experience-manager-64/sites-authoring/editing-content.html?lang=zh-Hant#previewing-pages):[

  • 工作流程和版本不再從頁面編輯器中啟動/建立;現在可從時間軸(可從控制台存取)完成。

注意

有許多鍵盤快速鍵可讓製作體驗更輕鬆。

尋找您的頁面

  1. 開啟​Sites​主控台(使用全域導覽中的​Sites​選項)-當您選取Adobe Experience Manager連結(左上)時,會觸發(下拉式)此選項。

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

    screen_shot_2018-03-21at160214

  3. 使用標題](/docs/experience-manager-64/sites-authoring/basic-handling.html?lang=zh-Hant#the-header)中的[階層連結瀏覽樹狀結構,讓您返回選取的位置:

    chlimage_1-95

建立新頁面

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

  2. 使用​Create​圖示,然後從清單中選取​Page:

    screen_shot_2018-03-21at160324

  3. 這會開啟精靈,引導您收集建立新頁面時所需的資訊。 請依照螢幕上的指示進行。

選擇您的頁面以執行進一步動作

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

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

  1. 卡片檢視:

    • 通過選擇所需資源進入選擇模式,具有:

      • 行動裝置:點選並按住

      • 案頭:quick action - tick圖示:

        screen_shot_2018-03-21at160503

      • 卡片將覆蓋上勾號,以顯示已選取頁面。

    注意

    一旦進入選擇模式,Select​表徵圖(勾號)將變更為​Deselect​表徵圖(交叉)。

  2. 清單檢視:

    • 點選/按一下所需資源的縮圖——縮圖將覆蓋在勾選標籤上,以顯示已選取。
  3. 欄檢視:

    • 點選/按一下所需資源的縮圖——縮圖將覆蓋在勾選標籤上,以顯示已選取。

快速動作(僅限卡片檢視/案頭)

  1. 導覽至您 要在上執行動作的頁面。

  2. 將滑鼠指標暫留在代表您所需資源的資訊卡上;快速操作將顯示:

    screen_shot_2018-03-21at160503-1

編輯您的頁面內容

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

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

    screen_shot_2018-03-21at160607

    您可從以下任一位置存取此項:

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

    • 新增補償至您的 頁面:

      • 開啟側面板
      • 選擇元件頁籤(元件瀏覽器
      • 將所需元件拖曳至您的頁面。

      側面板可以開啟(和關閉):

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

      • 使用點選或按一下來開啟元件工具列。 使用​Edit(鉛筆)圖示開啟對話方塊。
      • 使用點選並按住或按兩下,開啟元件的就地編輯器。 將顯示可用的操作(對於某些元件,這將是有限的選擇)。
      • 若要查看所有可用動作,請進入全螢幕模式:

    • 配置現有元件的屬性

      • 使用點選或按一下來開啟元件工具列。 使用​Configure(扳手)圖示開啟對話方塊。
    • 移動組 件:

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

      • 使用點選或按一下來開啟元件工具列。 視需要使用​Copy​和​Paste​圖示。
      注意

      您可以將​Paste​元件貼到相同的頁面或不同的頁面。 如果貼到在剪下/複製操作之前已開啟的其他頁面,則該頁面需要重新整理頁面。

    • Deletea 元件:

      • 使用點選或按一下來開啟元件工具列,然後使用​Delete​圖示。
    • 新增 附註至頁面:

      • 選擇​注釋​模式(語音泡泡圖示)。 使用​「添加註釋(加號)」表徵圖添加註釋。 使用右上角的X退出注釋模式。

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

      • 從工具列選擇​預覽
    • 使用​Edit​下拉選擇器返回到編輯模式(或選擇其他模式)。

    注意

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

編輯頁面屬性

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

  • 從​Sites​控制台:

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

    2. 從以下任一選項中選擇​屬性​表徵圖:

    screen_shot_2018-03-21at160850

  • 將顯示頁面屬性。 您可以視需要進行更新,然後使用「儲存」來保存這些

    • 編輯您的頁面時:

      1. 開啟​頁面資訊​功能表。

      2. 選擇​開啟屬性​以開啟用於編輯屬性的對話框。

        screen_shot_2018-03-21at160920

發佈您的頁面(或取消發佈)

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

  • 從​Sites​控制台:

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

    2. 從以下任一選項中選擇​快速發佈​表徵圖:

    screen_shot_2018-03-21at160957

  • 編輯您的頁面時:

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

    screen_shot_2018-03-21at161026

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

    取消發佈頁面​選項仍可透過編輯器的​頁面資訊​選單使用。

    screen_shot_2018-03-21at161059

    如需詳細資訊,請參閱發佈頁面

移動、複製和貼上或刪除您的頁面

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

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

    注意

    「刪除」不能作為「快速操作」使用。

鎖定頁面(然後解鎖)

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

例如,鎖定表徵圖如下所示:

screen_shot_2018-03-21at161124

訪問頁面引用

您可在「參 考邊欄」中快速存取頁面參考資料。

  1. 使用工具欄表徵圖(在選擇您的頁面之前或之後)選擇​參考:

    screen_shot_2018-03-21at161210

    顯示了參考類型清單:

    screen_shot_2018-03-21at161315

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

建立頁面的版本

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

    screen_shot_2018-03-21at161355

  2. 點選/按一下「時間軸」欄右下方的向上箭頭,以顯示額外的按鈕,包括​「另存為版本」

    screen_shot_2018-03-21at161507

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

還原/比較頁面的版本

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

  1. 使用工具欄表徵圖(在選擇您的頁面之前或之後)選擇​時間軸:

    screen_shot_2018-03-21at161355-1

    如果您的頁面版本已儲存,這將列在時間軸中。

  2. 點選/按一下您要復原的版本——這將顯示其他動作按鈕:

    • 還原為此版本

      • 版本將被還原。
    • 顯示差異

      • 開啟頁面時,會反白顯示兩個版本的差異。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now