編輯頁面內容

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

內容新增方式: 元件 (適用於內容型別)可供拖曳至頁面上。 然後可以在原地進行編輯、移動或刪除。

注意

您的帳戶需要 適當的存取許可權許可權 以編輯頁面。

如果您遇到任何問題,我們建議您連絡系統管理員。

注意

如果您的頁面和/或範本已適當設定,您便可使用 回應式佈局 編輯時。

注意

當在 編輯 模式,會顯示內容中的連結,但 無法存取. 使用 預覽模式 如果您想使用內容中的連結來導覽。

頁面工具列

視頁面設定而定,頁面工具列會提供適當功能的存取權。

screen_shot_2018-03-22at111338

工具列提供許多選項的存取權。 根據您目前的內容和設定,某些選項可能無法使用。

  • 切換側面板

    這會開啟/關閉側面板,側面板中會包含 資產瀏覽器元件瀏覽器、和 內容樹狀結構.

  • 頁面資訊

    提供對的存取 頁面資訊 功能表,其中包含頁面詳細資訊以及可在頁面上採取的動作,包括檢視和編輯頁面資訊、檢視頁面屬性,以及發佈/取消發佈頁面。

  • 模擬器

    切換 模擬器工具列,用來模擬頁面在其他裝置上的外觀。 這會在版面配置模式中自動切換。

  • ContextHub

    開啟 內容中心. 僅適用於預覽模式。

    screen_shot_2018-03-22at111543

  • 頁面標題

    這僅供參考。

    screen_shot_2018-03-22at111554

  • 模式選擇器

    顯示目前的 模式 並可讓您選取其他模式,例如編輯、版面、時間扭曲或定位。

    chlimage_1-120

  • 預覽

    啟用 預覽模式. 這會顯示發佈時所顯示的頁面。

    chlimage_1-121

  • 注釋

    可讓您新增 註解 在檢閱頁面時跳至頁面。 第一個註解後,圖示會切換為數字,指出頁面上的註解數量。

狀態通知

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

screen_shot_2018-03-22at111739

注意

狀態列僅對具有適當許可權的使用者帳戶可見。

通知會列出針對頁面執行的工作流程。 如果使用者涉及目前的工作流程步驟,則選項 影響工作流程狀態 並取得更多工作流程的相關資訊,例如:

  • 完成 — 開啟 完成工作專案 對話方塊

  • 委派 — 開啟 完成工作專案 對話方塊

  • 檢視詳細資料 — 開啟 詳細資料 工作流程視窗

透過通知列完成及委派工作流程步驟的運作方式與以下情況相同: 參與工作流程 從「通知」收件匣。

如果頁面受限於多個工作流程,則會在通知的右端顯示工作流程數量,並附上箭頭按鈕,讓您捲動瀏覽工作流程。

chlimage_1-122

元件預留位置

元件預留位置是一個指示器,可顯示將元件拖曳至目前暫留的元件上方時元件的放置位置。

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

    screen_shot_2018-03-22at111928

  • 移動現有元件時:

    screen_shot_2018-03-22at112445

插入元件

從元件瀏覽器插入元件

您可以使用 元件瀏覽器. 此 元件預留位置 顯示元件將放置的位置:

  1. 確定您的頁面位於 編輯 模式.

  2. 開啟 元件瀏覽器.

  3. 將所需的元件拖曳至 所需位置.

  4. 編輯 元件。

注意

在行動裝置上,元件瀏覽器會填滿整個畫面。 開始拖曳元件後,瀏覽器將關閉並再次顯示頁面,以便您放置元件。

從段落系統插入元件

您可以使用 將元件拖曳到這裡 段落系統的方塊:

  1. 確定您的頁面位於 編輯 模式.

  2. 有兩種方式可以從段落系統選取和新增元件:

    • 選取 插入元件 選項(+)(位於現有元件的工具列或 將元件拖曳到這裡 方塊。

    screen_shot_2018-03-22at112536

    • 如果您使用桌上型電腦裝置,您可以連按兩下 將元件拖曳到這裡 方塊。

    插入新元件 將會開啟對話方塊,讓您選取所需的元件:

    screen_shot_2018-03-22at112650

  3. 選取的元件將新增至頁面底部。 編輯 元件視需要。

使用「資產瀏覽器」插入元件

您也可以從以下位置拖曳資產,將新元件新增至頁面: 資產瀏覽器. 這會自動建立適當型別的新元件(並包含資產)。

這適用於下列資產型別(部分將取決於頁面/段落系統):

資產類型 結果元件型別
影像 影像
文件 下載
產品 產品
影片 閃光燈
內容片段 內容片段
注意

此行為可針對您的安裝進行設定。 另請參閱 設定段落系統以便拖曳資產建立元件例項 以取得更多詳細資料。

若要拖曳上述任一資產型別來建立元件:

  1. 確定您的頁面位於 編輯 模式.

  2. 開啟 資產瀏覽器.

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

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

  4. 編輯 元件(若有需要)。

注意

在行動裝置上,資產瀏覽器會填滿整個畫面。 開始拖曳資產後,瀏覽器將關閉並重新顯示頁面,以便您放置資產。

如果您在瀏覽資產時發現需要對資產進行快速變更,可以開始 資產編輯器 直接從瀏覽器按一下資產名稱旁的編輯圖示。

screen_shot_2018-03-22at112735

編輯/設定/複製/剪下/刪除/貼上

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

使用者可用的實際動作會視情況顯示,此處並未說明所有動作。

screen_shot_2018-03-22at112909

  • 編輯

    取決於元件型別 這可讓您 編輯元件的內容. 通常會提供工具列。

  • 設定

    取決於元件型別 這可讓您編輯及設定元件的屬性。 通常會開啟一個對話方塊。

  • 複製

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

  • 剪下

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

    screen_shot_2018-03-22at113007

  • 刪除

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

  • 插入元件

    這將開啟對話方塊,以 新增元件.

  • 貼上

    這會將元件從剪貼簿貼到頁面上。 原始物件是否保留,取決於您是使用複製還是切削。

    • 您可以貼到相同頁面或不同頁面。
    • 貼上的專案將會貼在您選取貼上動作的專案上方。
    • 唯有剪貼簿上有內容時,才會顯示「貼上」動作。

    screen_shot_2018-03-22at113553

    注意

    如果您在剪下/復製作業之前貼到已開啟的其他頁面,則必須重新整理頁面以檢視貼上的內容。

  • 群組

    這可讓您一次選取多個元件。 桌上型電腦裝置也可以透過以下步驟達到相同目的: Control+按一下Command+按一下.

  • 父級

    可讓您選取所選元件的父元件。

    screen_shot_2018-03-22at113028

  • 配置

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

  • 轉換為體驗片段變數

    這可讓您建立新的 體驗片段 或將其新增至現有的體驗片段。

編輯(內容)

在元件中新增及/或編輯內容的方法有兩種:

元件編輯對話方塊

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

確切的編輯選項取決於元件。 針對某些元件 所有動作僅可在全熒幕模式下使用. 例如:

將資產拖放至元件中

對於特定元件型別,您可以直接從資產瀏覽器將資產拖放至元件以更新內容:

資產類型 元件類型
影像 影像
文件 下載
產品 產品
影片 閃光燈
內容片段 內容片段

編輯(內容)全熒幕模式

對於所有元件,全熒幕模式可透過以下方式存取(和退出):

例如, 文字 元件:

screen_shot_2018-03-22at121616

注意

對於某些元件,全熒幕模式比基本就地編輯器有更多可用選項。

移動元件

若要移動段落元件:

  1. 使用點選並按住或點選並按住來選取要移動的段落。

  2. 將段落拖曳到新位置。 AEM會指出段落可以存放的位置。 將其拖曳至所需位置。

    screen_shot_2018-03-22at121821

  3. 您的段落已移動。

注意

您也可以使用 剪下並貼上 移動元件。

編輯元件配置

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

  1. 當在 編輯 在sites主控台的模式中,選取元件會顯示元件的工具列。

    screen_shot_2018-03-22at133756

    按一下或點選 版面 調整元件版面的動作。

  2. 選取「配置」動作後:

    • 元件顯示的調整大小操作框。
    • 模擬器工具列會顯示在畫面頂端。
    • 元件工具列上會顯示「配置」動作,而非標準編輯動作。

    screen_shot_2018-03-22at133843

    您現在可以修改元件的版面,就像在 版面模式.

  3. 進行必要的版面變更後,按一下 關閉 按鈕來停止修改元件的版面。 元件的工具列會回到其正常的編輯狀態。

注意

Layout動作僅限於選取的元件。 例如,如果您正在編輯一個元件的版面,然後按一下另一個元件,則會為新選取的元件顯示標準編輯工具列(而非版面工具列),而重新整理操作框以及模擬器工具列會消失。

如果您需要編輯頁面的整體版面,並影響多個元件,請切換至 版面模式.

繼承的元件

繼承的元件可能是各種情況的產物,包括:

  • 多網站管理
  • 啟動 (當以即時副本為基準時)。
  • 特定元件,例如Geometrixx中的繼承段落系統。

您可以取消(然後重新啟用)繼承。 根據元件,這可從以下位置取得:

  • Live Copy

    元件工具列(如果元件位於屬於即時副本或啟動項的頁面(根據即時副本))。 例如:

    screen_shot_2018-03-22at134339

    取消繼承選項可供使用:

    或者,如果已取消,則重新啟用繼承:

    「轉出」動作也適用於Blueprint或即時副本來源:

  • 繼承的段落系統

    設定對話方塊。 例如,與繼承的段落系統一樣:

    chlimage_1-124

編輯頁面範本

如果頁面是根據 可編輯的範本,您可輕鬆切換至 範本編輯器 藉由選取 編輯範本頁面資訊功能表.

如果頁面是根據 靜態範本,您可以切換至 設計模式 使用 頁面模式選擇器 啟用/停用元件以便在頁面上使用。

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

即時副本狀態

即時副本狀態頁面模式 可讓您快速概略瞭解即時副本狀態以及哪些元件是/不是繼承的:

  • 綠色邊框:繼承
  • 粉紅色邊框:繼承已取消

例如:

screen_shot_2018-03-22at134820

新增註解

註解 允許檢閱者和其他作者針對您的內容提供意見回饋。 它們通常用於審查和驗證目的。

預覽頁面

預覽頁面有兩個選項:

注意
  • 內容中的連結是可見的,但在編輯模式下無法存取。
  • 如果您想要使用連結來導覽,請使用任一預覽選項。
  • 使用 鍵盤快速鍵 Ctrl-Shift-M 在預覽和上次選取的模式之間切換。
注意

這兩個選項都會設定WCM模式Cookie。

預覽模式

編輯內容時,您可以使用預覽功能來預覽頁面 模式. 此模式:

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

製作時,可使用頁面編輯器右上角的圖示來使用預覽模式:

chlimage_1-125

以已發佈狀態檢視

檢視已發佈 選項可從以下網址取得: 頁面資訊 功能表。 這會在新標籤中開啟頁面、重新整理內容,並完全依照頁面在發佈環境中的顯示方式顯示頁面。

鎖定頁面

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

可從下列任一位置鎖定頁面:

  • 網站 主控台

    1. 選取頁面,並選取 選擇模式.
    2. 選取鎖定圖示。

    screen_shot_2018-03-22at134928

  • 頁面編輯器

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

鎖定後,主控台檢視資訊會更新;編輯時,工具列中會顯示鎖定符號。

screen_shot_2018-03-22at135010

注意

鎖定頁面可在以下情況下執行: 模擬使用者. 不過,以這種方式鎖定的頁面只能由被模擬的使用者或管理員使用者解除鎖定。

無法透過模擬鎖定頁面的使用者來解鎖頁面。

解鎖頁面

解鎖頁面非常類似於 鎖定頁面. 頁面鎖定後,鎖定選項會由解鎖動作取代。

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

screen_shot_2018-03-22at134942

注意

鎖定頁面可在以下情況下執行: 模擬使用者. 不過,以這種方式鎖定的頁面只能由被模擬的使用者或管理員使用者解除鎖定。

無法透過模擬鎖定頁面的使用者來解鎖頁面。

還原和重做頁面編輯

下列圖示可讓您還原或重做動作。 這些會在適當時顯示在工具列中:

注意

鍵盤快速鍵 Ctrl-Z 也可用於還原頁面編輯動作。

鍵盤快速鍵 Ctrl-Y 也可用於重做頁面編輯動作。

注意

另請參閱 還原和重做頁面編輯 — 理論 以取得復原和重做頁面編輯時可行功能的完整細節。

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

注意

您的系統管理員可以 設定「復原/重做」功能的各個層面 根據您執行個體的需求。

AEM會儲存您執行動作的歷史記錄,以及執行動作的順序,如此您就可以依照執行動作的順序復原多個動作,並視需要重做這些動作,以重新套用一或多個動作。

如果選取了內容頁面上的元素(例如文字元件),則復原和重做命令會套用至選取的專案。

復原和重做命令的行為與其他軟體程式中的類似。 當您決定內容時,請使用命令來還原網頁的最近狀態。 例如,如果您將文欄位落移動到頁面上的不同位置,則可以使用復原命令將段落移回。 如果您認為前一個位置較好,請使用重做指令「復原復原」。

注意

您可以:

  • 只要您使用復原後尚未進行頁面編輯,就可以重做動作。
  • 最多可復原20個編輯動作(預設設定)。
  • 也使用 鍵盤快速鍵 「復原」和「重做」。

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

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

表單元件轉譯的表單欄位不應在編寫頁面時指定值。 因此,「還原」和「重做」指令不會影響您對這些元件型別值所做的變更。 例如,您無法還原在下拉式清單中選取值的作業。

注意

需要特殊許可權才能復原和重做檔案和影像的變更。

注意

檔案和影像的變更歷史記錄至少會持續10小時。 然而,在這段時間之後,無法保證會復原變更。 您的管理員可以變更十小時的預設時間。

本頁內容