編輯頁面內容

建立您的頁面後（新增或作為啟動或即時副本的一部分），您就可以編輯內容以進行所需的更新。

使用可拖曳至頁面的元件（適合內容類型）新增內容。 然後，您就可以就地編輯、移動或刪除這些項目。

頁面工具列

頁面工具列提供對適當功能的存取，視頁面設定而定。

工具列提供多種選項的存取權。 根據您目前的上下文和設定，某些選項可能無法使用。

• 切換側面板

  這會開啟／關閉側面板，其中包含Asset Browser、Component Browser和Content Tree。

  

• 頁面資訊

  提供對頁面資訊功能表的存取，包括頁面詳細資料和可在頁面上執行的動作，包括檢視和編輯頁面資訊、檢視頁面屬性，以及發佈／取消發佈頁面。

  

• 模擬器

  切換模擬器工具列，該工具列用於模擬另一台設備上頁面的外觀和感覺。 這會在版面模式中自動切換。

  

• ContextHub

  開啟ContextHub。 僅在「預覽」模式中可用。

  

• 頁面標題

  這純粹是資訊性的。

  

• 模式選擇器

  顯示目前的模式，並允許您選擇其他模式，例如編輯、版面、時間彎曲或定位。

  

• 預覽

  啟用預覽模式。 如此會顯示發佈時的頁面。

  

• 注釋

  允許您在查看頁面時將annotations添加到頁面。 在第一個注釋之後，表徵圖將切換到一個數字，指示頁面上的注釋數。

  

狀態通知

如果頁面是工作流程或多個工作流程的一部分，則編輯頁面時，此資訊會顯示在畫面頂端的通知列中。

通知會列出針對頁面執行的工作流程。 如果用戶參與當前工作流步驟，則的選項會影響工作流狀態並獲取有關工作流的詳細資訊，例如：

• 完成 -開啟「完 成工作項 目」
• 委派 -開啟「完 整工作項 目」對話框
• 查看詳細資訊 -開啟工作流 ​​的「詳細資訊」窗口

通過通知欄完成和委託工作流步驟的工作方式與從通知收件箱中參與工作流](/docs/experience-manager-cloud-service/sites/authoring/workflows/participating.html?lang=zh-Hant)時相同。[

如果頁面受多個工作流程的約束，則通知的右端會顯示工作流程數目，並附上箭頭按鈕，讓您捲動整個工作流程。

元件佔位符

元件預留位置是指示器，可顯示當您放置元件時元件的位置——位於目前暫留在元件上方。

• 將新元件新增至頁面時（從元件瀏覽器拖曳）:

  

• 移動現有元件時：

  

插入元件

從元件瀏覽器插入元件

您可以使用元件瀏覽器新增元件。 元件預留位置會顯示元件的位置：

1. 請確定您的頁面處於​編輯​模式。
2. 開啟元件瀏覽器。
3. 將所需元件拖動到所需位置。
4. 編 輯元件。

從段落系統插入元件

您可以使用段落系統的​Drag components here​框添加新元件：

1. 請確定您的頁面處於​編輯​模式。

2. 從段落系統中選擇和添加新元件有兩種方法：

   • 從現有元件的工具欄或「將元件拖曳到此處」框中選擇「插入元件​」選項(+)。​​

     

   • 如果您使用桌上型裝置，可以連按兩下「拖曳元件至此處」方塊。​

   • 將會開啟​插入新元件​對話框，允許您選擇所需元件：

     

3. 所選元件將添加到頁面底部。 根 據需要編輯元件。

使用資產瀏覽器插入元件

您也可以從assets瀏覽器拖曳資產，將新元件新增至頁面。 這會自動建立適當類型的新元件（並包含資產）。

您可以針對安裝設定此行為。 如需詳細資訊，請參閱設定段落系統，讓拖曳資產可建立元件例項。

要通過拖動上述資產類型之一來建立元件，請執行以下操作：

1. 請確定您的頁面處於​編輯​模式。

2. 開啟資產瀏覽器。

3. 將所需資產拖曳至所需位置。 元件預留位置會顯示元件的位置。

   將在所需位置建立一個適合資產類型的元件——它將包含選定的資產。

4. 視需 要編輯元件。

如果瀏覽資產時發現您需要快速變更資產，您可以按一下資產名稱旁的編輯圖示，直接從瀏覽器啟動資產編輯器。

元件工具欄

選取元件將會開啟工具列。 這可讓您存取可在元件上執行的各種動作。

使用者可使用的實際動作會視需要顯示，並非所有動作都可在此處說明。

• 編輯

  根據元件類 型，這可讓您 編輯元件的內容。通常會提供工具列。

  

• 設定

  根據元件類 型，這可讓您編輯和設定元件的屬性。通常會開啟對話方塊。

  

• 複製

  這會將元件複製到剪貼簿。 貼上動作後，原始元件將保留。

  

• 剪下

  這會將元件複製到剪貼簿。 貼上動作後，原始元件將會移除。

  

• 刪除

  這會從含有您確認的頁面刪除元件。

  

• 插入元件

  這會開啟對話方塊，以新增元件。

  

• 貼上

  這會將元件從剪貼簿貼到頁面。 原稿是否保留，取決於您是使用復本還是剪下。

  • 您可以貼到相同的頁面或不同的頁面。
  • 貼上的項目會貼至您選取貼上動作的項目上方。
  • 只有剪貼簿上有內容時，才會顯示「平移」動作。

  

  注意

  如果您貼到在剪下／復製作業之前已開啟的其他頁面，您必須重新整理頁面，才能查看貼上的內容。

• 群組

  這可讓您一次選取多個元件。 在桌上型裝置上也可以使用​Control+Click​或​Command+Click​來達到相同的效果。

  

• 父代

  這允許您選擇所選元件的父元件。

  

• 配置

  這可讓您修改所選元件的layout。 這僅適用於選取的元件，而不會為整個頁面啟動版面模式。

  

• 轉換為體驗片段變數

  這可讓您從選取的元件建立新的體驗片段，或將其新增至現有的體驗片段。

  

編輯內容

在元件中新增和／或編輯內容有兩種方法：

• 開啟元件對話方塊以進行編輯。
• 從資產瀏覽器 拖放資產，以直接新增內容。

元件編輯對話框

您可以使用元件工具列的「編輯 (鉛筆) 」圖示， 開啟元件以編輯內容。

確切的編輯選項將取決於元件。 對於某些元件，所有操作僅在全屏模式中可用。 例如：

• 文字元件

  

• 影像元件

  

  注意

  編輯無法用於空的影像元件。

  您必須先將影像拖曳或上傳至元件，才能開始編輯它。

• 影像元件——全螢幕

  進入影像元件的全螢幕模式 ，可讓您有更多空間編輯影像，並顯示額外的編輯選項，例如「啟動地圖」和「重設縮放」 ​​​。此外，全螢幕還允許選取裁切預設集。

  

• 從多個基本元件建構的元件會先要求您確認您要編輯的一組選項：

將資產拖放至元件

對於特定元件類型（例如影像），您可以直接將資產從資產瀏覽器拖放至元件中，以更新內容。

以全螢幕模式編輯內容

對於所有元件，全屏模式可以通過（並退出）訪問：

例如，Text​元件：

移動元件

要移動段落元件，請執行以下操作：

1. 選擇要使用點選並按住或按一下並按住移動的段落。

2. 將段落拖曳至新位置。 指AEM明段落的存放位置。 將它拖放至您所要的位置。

   

3. 您的段落會被移動。

編輯元件佈局

您可以選取元件的 Layout​ (配置) 動作，以變更元件的配置，並節省時間，而不需離開編輯模式，而不需重複從編輯切換到配置模式來調整元件。

1. 在站點控制台的​編輯​模式下，選擇元件會顯示元件的工具欄。

   

   按一下或點選「Layout 」動作，以調整元件的版面配置。

   

2. 選取「版面」動作後：

   • 元件顯示的調整大小控制點。
   • 模擬器工具欄顯示在螢幕頂部。
   • 元件工具列上會顯示版面動作，而非標準編輯動作。

   

   您現在可以像在layout mode中一樣修改元件的版面。

3. 在進行必要的佈局更改後，按一下元件操作菜單中的​關閉​按鈕以停止修改元件的佈局。 元件的工具欄返回其正常編輯狀態。

   

繼承的元件

繼承是一種機制，可自動將內容從一個元件推送到另一個元件。 繼承的元件可以是各種情況的產品，包括：

• 多網站管理
• 啟動 （根據即時副本）。

您可以取消（然後重新啟用）繼承。 視元件而定，如果元件位於即時副本或啟動的頁面上（根據即時副本），則可從元件工具列取得此功能。

例如：

• 取消繼承

  

• 重新啟用繼承（如果繼承已取消）

  

• Blueprint或即時副本來源中也提供轉出動作

  

編輯頁面範本

您可以輕鬆切換至範本 編輯器 ，方法是在「頁面資訊」選單中選取 「編輯範本」(Edit Template )。

在「欄檢視」或「清單檢視」中選取頁面時，您可輕鬆查看該頁 面所依據 的範本。

即時副本狀態

「即時拷貝狀態」頁模式允許您快速概述即時拷貝狀態以及哪些元件是／不是繼承的：

• 綠色邊框：繼承
• 粉色邊框：繼承已取消

例如：

添加註釋

注 意：審核者和其他作者可提供您內容的意見回應。它們通常用於審閱和驗證目的。

預覽頁面

預覽頁面有兩個選項：

• 預覽模式 -快速就地預覽
• 檢視為已發佈 -在新標籤中開啟頁面的完整預覽

預覽模式

編輯內容時，您可使用預覽mode預覽頁面。 此模式：

• 隱藏各種編輯機制，讓您快速檢視頁面在發佈時的顯示方式。
• 可讓您使用連結進行導覽。
• not​會重新整理頁面內容。

編寫時，預覽模式可使用頁面編輯器右上角的表徵圖：

以已發佈狀態檢視

從頁面資訊功能表可使用「檢視為已發佈」選項。 ​​如此會在新標籤中開啟頁面，重新整理內容，並完全顯示頁面在發佈環境中的顯示效果。

鎖定頁面

可AEM讓您鎖定頁面，讓其他人無法修改內容。 當您對特定頁面進行大量編輯或需要將頁面凍結一段時間時，這項功能會很有用。

頁面可從以下任一位置鎖定：

• Sitesconsole

  1. 選擇具有選擇模式的頁面。

  2. 選擇鎖定表徵圖。

     

• 頁面編輯器

  1. 選擇​頁面資訊​圖示以開啟功能表。
  2. 選擇​鎖定頁面​選項。

鎖定後，控制台視圖資訊將更新，編輯鎖定符號時，工具欄中將顯示該資訊。

解鎖頁面

解除鎖定頁面與鎖定頁面非常相似。 鎖定頁面後，鎖定選項將被解鎖操作替換。

「頁面資訊」功能表 會列出 「解除鎖定」為選項，而網站主控台中的「鎖定」圖示會以「解除鎖定」圖示 ​​取代。

還原和重做頁面編輯

下列圖示可讓您還原或重做動作。 如果適用，這些項目會顯示在工具列中：

還原和重做頁面編輯——理論

AEM儲存您執行之動作的記錄和執行動作的順序，讓您可以依執行動作的順序還原多個動作，並視需要重做以重新套用一或多個動作。

如果選取內容頁面上的元素（例如文字元件），則還原和重做命令會套用至選取的項目。

撤消命令和重做命令的行為與其他軟體中類似。 在您決定內容時，使用命令來還原網頁的最近狀態。 例如，如果將文本段落移動到頁面上的不同位置，則可以使用撤消命令將段落移回。 如果您接著決定先前的位置較佳，請使用redo命令來「復原」。

例如，您可以：

• 只要您自使用還原後未進行頁面編輯，就可重做動作。
• 最多可還原20個編輯動作（預設設定）。
• 此外，還可使用鍵盤快速鍵來還原和重做。

您可以對下列類型的頁面變更使用還原和重做：

• 新增、編輯、移除和移動段落
• 就地編輯段落內容
• 在頁面中複製、剪下和貼上項目