AEM的製作環境提供各種機制來組織和編輯您的內容。 提供的工具可從各種主控台和頁面編輯器存取。
此 網站 console可讓您使用標題列、工具列、動作圖示(適用於選取的資源)、階層連結,以及選取時的輔助導軌(例如時間軸和參考),來導覽和管理您的網站。
例如,欄檢視:
您可以使用頁面編輯器編輯頁面。 例如:
https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html
第一次開啟頁面進行編輯時,系統會提供一系列投影片來導覽功能。
您可以視需要略過導覽,並隨時透過選擇 頁面資訊 功能表。
編輯頁面時, 說明 可從下列位置存取:
進一步的 說明相關資源可從主控台取得.
元件瀏覽器會顯示可在目前頁面上使用的所有元件。 這些檔案可以拖曳至適當位置,然後編輯以新增您的內容。
元件瀏覽器是側面板中的標籤(連同資產 瀏覽器 和內容樹)。要開啟 (或關閉) 側面板,請使用工具欄左上角的表徵圖:
當您開啟側面板時,它將從左側滑開(選取 元件 索引標籤(如有需要)。 開啟時,您可以瀏覽頁面可用的所有元件。
實際的外觀和處理方式取決於您使用的裝置型別:
當寬度小於1024畫素時會偵測到行動裝置。 小型案頭視窗亦可如此。
行動裝置(例如iPad)
元件瀏覽器會完整涵蓋正在編輯的頁面。
若要新增元件至頁面,請按住所需元件並向右移動,元件瀏覽器將關閉並重新顯示頁面 — 您可以在此處放置元件。
案頭裝置
元件瀏覽器會在視窗左側開啟。
若要新增元件至頁面,請按一下所需元件,然後將其拖曳至所需位置。
元件表示方式:
元件名稱
元件群組(灰色)
圖示或縮寫
從頂部工具列中的 元件 瀏覽器您可以:
如需元件的詳細說明,您可以在「元件」瀏覽器中按一下或點選元件旁的資訊圖示(如果 有 )。例如,對於「版面 容器」:
如需有關可用元件的詳細資訊,請參閱 元件主控台.
資產瀏覽器會顯示全部 資產 直接在您目前頁面上使用。
資產瀏覽器是側面板中的標籤,以及 元件瀏覽r和 內容樹狀結構. 要開啟或關閉側面板,請使用工具欄左上角的表徵圖:
當您開啟側面板時,它將從左側滑開。 選取 資產 索引標籤進行標籤(如有必要)。
當資產瀏覽器開啟時,您可以瀏覽頁面可用的所有資產。 如有需要,可使用無限捲動來展開清單。
若要將資產新增至頁面,請選取並拖曳至所需位置。 這可以是:
適當型別的現有元件。
A 預留位置 在段落系統中建立適當型別的新元件。
這適用於特定資產和元件型別。 另請參閱 使用「資產瀏覽器」插入元件 以取得更多詳細資料。
從資產瀏覽器的頂端工具列,您可以依下列方式篩選資產:
名稱
路徑
資產型別,例如,影像、手稿、檔案、影片、頁面、段落和產品
資產特性,例如方向(縱向、橫向、正方形)和樣式(顏色、單色、灰階)
實際的外觀和處理方式取決於您使用的裝置型別:
當寬度小於1024畫素時(亦即在小案頭視窗上)會偵測到行動裝置。
行動裝置,例如iPad
資產瀏覽器會完整涵蓋正在編輯的頁面。
若要將資產新增至頁面,請觸控並按住所需資產,然後將其向右移動 — 資產瀏覽器將關閉並重新顯示頁面,您可以在其中將資產新增至所需元件。
案頭裝置
資產瀏覽器會在視窗左側開啟。
若要將資產新增至頁面,請按一下所需的資產,並將其拖曳至所需的元件或位置。
如果您需要快速變更資產,可以開始 資產編輯器 直接從資產瀏覽器按一下資產名稱旁邊顯示的編輯圖示。
此 內容樹狀結構 提供階層中頁面所有元件的概觀,讓您一眼就能看到頁面的構成方式。
內容樹狀結構是側面板中的標籤(連同元件和資產瀏覽器)。 要開啟 (或關閉) 側面板,請使用工具欄左上角的表徵圖:
當您開啟側面板時,它會滑開(從左側)。 選取 內容樹狀結構 索引標籤進行標籤(如有必要)。 開啟時,您可以看到頁面或範本的樹狀檢視表示法,因此更容易瞭解其內容如何以階層方式建構。 此外,在複雜頁面上,它可讓您更輕鬆地在頁面的元件之間跳轉。
頁面可以輕鬆地由許多相同型別的元件組成,因此內容(元件)樹狀結構會在元件型別名稱(黑色)之後顯示描述性文字(灰色)。 描述性文字來自元件的常見屬性,例如標題或文字。
元件型別將以使用者語言顯示,而元件說明文字則來自頁面語言。
按一下元件旁的>形箭號將會收合或展開該層級。
如果您在行動裝置上編輯頁面(如果瀏覽器寬度小於1024畫素),則無法使用內容樹狀結構。
按一下元件即可在頁面編輯器中反白顯示該元件。 可用的動作取決於頁面狀態:
例如,基本頁面:
https://localhost:4502/editor.html/content/we-retail/language-masters/en/equipment.html
如果您在樹狀結構中點選的元件可編輯,則名稱右側會出現扳手圖示。 按一下此圖示將直接啟動元件的編輯對話方塊。
或屬於的頁面 即時副本,其中元件繼承自其他頁面;例如:
https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html
如果您的頁面包含內容片段,那麼您也可以存取 相關內容的瀏覽器.
引用 顯示所選頁面的連線:
開啟所需的主控台,然後導覽至所需的資源並開啟 引用 使用:
選取您需要的資源 若要顯示與該資源相關的參照型別清單:
選取適當的參照型別以取得詳細資訊。 在某些情況下,當您選取特定參照時,可以使用進一步的動作,包括:
傳入連結,提供參照頁面的頁面清單,並可直接存取 編輯 選擇特定連結時顯示的其中一個頁面
借入和借出內容的例項,使用 參考資料 元件,您可以在此處導覽至參照/參照的頁面
產品頁面的參考 (可從Commerce-Products控制檯取得)
啟動,提供相關啟動項的存取權
即時副本 顯示基於所選資源的所有即時副本的路徑。
Blueprint,提供詳細資訊和各種動作
語言副本,提供詳細資訊和各種動作
例如,您可以修正「參照」元件中的破斷參照:
以取得適當的資源(例如 網站 控制檯或資產 資產 console) 時間軸可用來顯示任何選取專案的最近活動.
開啟所需的主控台,然後導覽至所需的資源並開啟 時間表,使用:
選取您需要的資源,然後執行以下任一項作業 全部顯示 或 活動 若要列出所選資源上任何最近的動作:
「頁面資訊」按鈕(均衡器圖示)會開啟一個功能表,其中也提供上次編輯和上次發佈的詳細資訊。 視頁面、其網站和您的例項的特性而定,可能有更多或更少的選項可用:
例如,適當時, 頁面資訊 也有選項:
此外, 頁面資訊 可讓您在適當時存取analytics和建議。
編輯頁面時,有多種模式可允許不同的動作:
編輯 — 編輯頁面內容時使用的模式。
版面 — 可讓您根據裝置建立及編輯回應式配置(如果頁面根據配置容器)
支架 — 協助您建立共用相同結構但內容不同的大型頁面集。
開發人員 — 可讓您執行各種動作(需要許可權)。 其中包括檢查頁面及其元件的技術細節。
目標定位 — 透過所有管道的目標定位和測量,提高內容關聯性。
Activity Map — 顯示頁面的Analytics資料。
時間扭曲 — 可讓您檢視特定時間點的頁面狀態。
即時副本狀態 — 可讓您快速概覽即時副本狀態以及不會繼承哪些元件。
預覽 — 用於檢視將在發佈環境中顯示的頁面;或使用內容中的連結導覽。
註釋 — 用於在頁面上新增或檢視註解。
您可以使用右上角的圖示來存取這些專案。 實際圖示會變更,以反映您目前使用的模式:
Ctrl-Shift-M
可切換 ),在「預覽」和目前選取的模式之間切換(例如,「編輯」、「排版********」等)。通常在製作時,需要選取其他資源,例如定義指向其他頁面或資源的連結,或選取影像時。 若要輕鬆選取路徑, 路徑欄位 優惠自動完成和 路徑瀏覽器 允許更強大的選擇。
此處用來說明的範例是影像元件。 如需使用和編輯元件的詳細資訊,請參閱 用於頁面編寫的元件.
路徑欄位現在具有自動完成和先行等功能,可更輕鬆找到資源。
按一下 開啟選取範圍對話方塊 路徑欄位中的按鈕會開啟 路徑瀏覽器 對話方塊,以取得更詳細的選取選項。
或者,您可以開始在路徑欄位中輸入,AEM會在您輸入時提供相符的路徑。
路徑瀏覽器的組織方式如下 欄檢視 ,以取得更詳細的資源選擇。
選取資源後, 選取 對話方塊右上角的按鈕會變成使用中。 按一下或點選以確認選取範圍或 取消 以中止。
如果上下文允許選擇多個資源,則選擇資源也會激活「選擇 」按鈕,但也會向窗口的右上角添加選定資源的計數。按一下 數字旁 的X,取消選取全部。
當您瀏覽樹狀結構時,您的位置會反映在對話方塊頂端的階層連結中。 這些階層連結也可用來在資源階層內快速跳轉。
您可以隨時使用對話方塊頂端的搜尋欄位。 按一下 X 以清除搜尋。
若要縮小搜尋範圍,您可以顯示篩選選項並根據特定路徑篩選結果。
各種 鍵盤快速鍵 可用。