頁面編輯器側面板
- 主題：
- 製作
建立對象：
- 使用者
瞭解如何使用AEM網站編輯器中的側面板，將元件和資產新增至您的頁面。
側面板模式
在頁面編輯器的工具列中點選或按一下 切換側面板 圖示，即可隨時在頁面編輯器中存取側面板。
當您開啟側面板時，它會從左側滑開，然後您可以從三個重要標籤中選取：
元件瀏覽器
元件是用來使用AEM頁面編輯器建立內容的建置區塊。 您可以在頁面上放置多個元件，並設定其選項以建置您的內容頁面。
元件瀏覽器會顯示目前頁面上可用的所有元件。 這些檔案可以拖曳至適當位置，然後編輯以新增您的內容。
點選或按一下側面板中的 元件 索引標籤以存取 元件 瀏覽器。
側面板中的
實際外觀和處理方式取決於您使用的裝置型別。
行動裝置
在行動裝置上開啟元件瀏覽器時，瀏覽器會完全覆蓋正在編輯的頁面。
若要將元件新增至頁面，請選取並拖曳元件，然後將其向右移動。 元件瀏覽器將關閉以再次顯示頁面，您可以在其中放置元件。
行動裝置上的
NOTE案頭裝置
在案頭裝置上開啟元件瀏覽器時，該瀏覽器會出現在視窗左側。
若要將元件新增至頁面，請按一下所需元件，並將其拖曳至所需位置。
使用元件瀏覽器
元件 瀏覽器中的元件由下列專案表示：
-
元件名稱
-
元件群組（灰色）
-
圖示或縮寫
- 標準元件的圖示為單色。
- 縮寫一律為元件名稱的前兩個字元。
從 元件 瀏覽器的頂端工具列，您可以：
- 依名稱篩選元件。
- 使用下拉式選取範圍，將顯示限製為特定群組。
行動裝置
在行動裝置上開啟資產瀏覽器時，瀏覽器會完全覆蓋正在編輯的頁面。
若要將資產新增至您的頁面，請選取並拖曳所需的資產，然後將其向右移動。 資產瀏覽器將關閉並重新顯示頁面，您可以在其中將資產新增到所需的元件。
行動裝置上的
NOTE案頭裝置
在案頭裝置上開啟資產瀏覽器時，瀏覽器會在視窗左側開啟。
若要將資產新增至頁面，請選取所需的資產，並將其拖曳至所需的元件或位置。
案頭上的
使用Assets瀏覽器
若要將資產新增至頁面，請選取並拖曳至所需位置。 這可以是：
- 適當型別的現有元件。
- 例如，您可以將影像型別的資產拖曳至影像元件上。
- 段落系統中用來建立適當型別元件的預留位置。
- 例如，您可以將影像型別的資產拖曳至段落系統，以建立「影像」元件。
NOTE從資產瀏覽器頂端的工具列，您可以依以下方式篩選資產：
- 名稱
- 路徑
- 資產型別，例如，影像、影片、檔案、段落、內容片段和體驗片段
- 資產特性，例如方向與樣式
- 僅適用於特定資產型別
NOTE點選或按一下 內容樹狀結構 索引標籤，以存取內容樹狀結構。
開啟時，您可以看到頁面或範本的樹狀檢視表示法，因此更容易瞭解其內容如何階層架構。 此外，在複雜頁面上，它可讓您更輕鬆地在頁面元件之間跳轉。
頁面可以輕鬆地由許多相同型別的元件組成，因此內容樹狀結構會在元件型別名稱（黑色）後面顯示描述性文字（灰色）。 描述性文字來自元件的常見屬性，例如標題或文字。
元件型別會以使用者語言顯示，而元件說明文字則來自頁面語言。
按一下元件旁的>形箭號將會收合或展開該層級。
按一下元件即可在頁面編輯器中醒目顯示元件。 可用的動作取決於頁面狀態。 例如：
基本頁面
基本頁面的元件會有常用選項。
如果按一下樹狀結構中的元件可編輯，則名稱右側會出現扳手圖示。 按一下此圖示會啟動元件的編輯對話方塊。
