編輯頁面內容

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

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

注意

您的帳戶需要適當的存取權限權限才能編輯頁面。

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

注意

如果您的頁面和/或範本已正確設定,則可在編輯時使用回應式版面

注意

在​Edit​模式下,內容中的連結是可見的,但​不可存取。 如果您想使用內容中的連結來導覽,請使用預覽模式

頁面工具列

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

screen_shot_2018-03-22at111338

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

  • 切換側面板

    這會開啟/關閉側面板,其中包含Asset BrowserComponent BrowserContent Tree

  • 頁面資訊

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

  • 模擬器

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

  • ContextHub

    開啟上下文集線器。 僅在「預覽」模式中可用。

    screen_shot_2018-03-22at111543

  • 頁面標題

    這純粹是資訊性的。

    screen_shot_2018-03-22at111554

  • 模式選擇器

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

    chlimage_1-243

  • 預覽

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

    chlimage_1-244

  • 注釋

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

狀態通知

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

screen_shot_2018-03-22at111739

注意

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

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

  • 完成 -開啟「完成工 作項目 」對話框

  • 委派 -開啟「完 成工 作項」對話框

  • 查看詳細資訊 -開啟工作流 ​的「詳細資訊」窗口

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

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

chlimage_1-245

元件佔位符

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

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

    screen_shot_2018-03-22at111928

  • 移動現有元件時:

    screen_shot_2018-03-22at112445

插入元件

從元件瀏覽器插入元件

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

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

  2. 開啟元件瀏覽器

  3. 將所需元件拖動到所需位置

  4. 輯元件。

注意

在行動裝置上,元件瀏覽器會填滿整個螢幕。 當您開始拖曳元件後,瀏覽器會關閉以再次顯示頁面,好讓您放置元件。

從段落系統插入元件

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

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

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

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

    screen_shot_2018-03-22at112536

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

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

    screen_shot_2018-03-22at112650

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

使用資產瀏覽器插入元件

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

這適用於下列資產類型(有些將依賴頁面/段落系統):

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

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

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

  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+Click​或​Command+Click​來達到相同的效果。

  • 父代

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

    screen_shot_2018-03-22at113028

  • 配置

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

  • 轉換為體驗片段變數

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

編輯(內容)

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

元件編輯對話框

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

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

將資產拖放至元件

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

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

編輯(內容)全螢幕模式

對於所有元件,全屏模式可以通過(並退出)訪問:

例如,Text​元件:

screen_shot_2018-03-22at121616

注意

對於某些元件,全螢幕模式會提供比基本就地編輯器更多的選項。

移動元件

要移動段落元件,請執行以下操作:

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

  2. 將段落拖曳至新位置。 AEM會指出可將段落存放在何處。 將它拖放至您所要的位置。

    screen_shot_2018-03-22at121821

  3. 您的段落會被移動。

注意

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

編輯元件佈局

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

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

    screen_shot_2018-03-22at133756

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

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

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

    screen_shot_2018-03-22at133843

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

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

注意

「佈局」(Layout)操作的範圍僅限於所選元件。 例如,如果編輯某個元件的佈局,然後按一下另一個元件,則新選元件的標準編輯工具欄(而非佈局工具欄)將顯示,並且重新調整控制滑塊和模擬器工具欄將消失。

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

繼承的元件

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

  • 多網站管理
  • 啟動 (根據即時副本)。
  • 特定元件,例如Geometrixx內的繼承段落系統。

您可以取消(然後重新啟用)繼承。 視元件而定,這可從以下網址取得:

  • 即時副本

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

    screen_shot_2018-03-22at134339

    「取消繼承」(Cancel Inheritance)選項可用:

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

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

  • 繼承的段落制度

    配置對話框。 例如,與繼承段落系統一樣:

    chlimage_1-247

編輯頁面範本

如果頁面基於可編輯的模板,則可通過在「頁面資訊」菜單中選擇​編輯模板,輕鬆切換到模板編輯器

如果頁面是以靜態範本為基礎,則可使用工具列上的頁面模式選擇器切換至設計模式,以啟用/停用要在頁面上使用的元件。

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

即時副本狀態

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

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

例如:

screen_shot_2018-03-22at134820

添加註釋

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

預覽頁面

預覽頁面有兩個選項:

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

WCM模式Cookie已針對這兩個選項設定。

預覽模式

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

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

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

chlimage_1-247

以已發佈狀態檢視

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

鎖定頁面

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

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

  • Sitesconsole

    1. 選擇具有選擇模式的頁面。
    2. 選擇鎖定表徵圖。

    screen_shot_2018-03-22at134928

  • 頁面編輯器

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

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

screen_shot_2018-03-22at135010

注意

模擬用戶時,可以執行鎖定頁面。 不過,以此方式鎖定的頁面只能由模擬或管理員使用者解除鎖定。

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

解鎖頁面

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

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

screen_shot_2018-03-22at134942

注意

模擬用戶時,可以執行鎖定頁面。 不過,以此方式鎖定的頁面只能由模擬或管理員使用者解除鎖定。

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

還原和重做頁面編輯

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

注意

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

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

注意

有關撤消和重新執行頁面編輯時可能採取的操作的完整詳細資訊,請參閱撤消和重新執行頁面編輯——理論

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

注意

系統管理員可以根據實例的要求配置「撤消/重做」功能的各個方面。

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

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

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

注意

您可以:

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

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

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

表單元件演算的表單欄位,不代表在編寫頁面時指定值。 因此,撤消和重做命令不會影響您對這些類型元件的值所做的更改。 例如,您無法撤消在下拉清單中選擇值。

注意

還原和重做檔案和影像的變更需要特殊權限。

注意

檔案和影像的變更記錄至少會持續10小時。 但是,在此之後,不保證會取消變更。 您的管理員可以變更預設時間10小時。

本頁內容

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