元素树(右侧面板)

在 WebAcappella 中,右侧面板始终可见,在管理页面元素方面发挥着重要作用。它提供了页面结构的完整层次视图,并使与每个组件的交互变得简单。

右侧面板的介绍

右侧面板分为几个部分,但最重要的编辑部分是项目树。

该树形结构以有组织的列表显示页面上的所有项目,并与工作计划同步。

它允许您 :

✔ 查看元素的完整层次结构(方框、行、列、组件)。

✔ 快速选择物品,即使是工作台上难以触及的物品。

✔ 移动层次结构中的元素,重新组织布局。

元素树

通过树形结构选择项目

  1. 在树中找到所需的项目。

  2. 点击元素:该元素将自动在工作计划中被选中。

  3. 所选元素会显示其属性,以便快速修改。

在树形结构中选择一个项目

移动树形结构中的项目

  1. 点击并按住一个项目。

  2. 将其拖动到层次结构中的新位置。

  3. 释放单击,在页面结构中重新定位元素。

警告

警告:某些元素不能自由移动。例如,列必须始终放在行内。

移动树形结构中的项目

使用右侧面板的优势

更精确的选择是捕捉重叠物品的理想选择

或难以点击。

✔ 清晰的层次视图:提供页面的结构组织。

✔ 节省时间无需放大或搜索隐藏元素、

一切都清清楚楚。

✔ 移动方便重组元素更快

而不是直接在工作台上处理。

最佳做法

✔ 使用树形结构快速浏览各个项目。

✔ 小心移动元素,以免布局混乱。

✔ 交替使用工作计划和树形结构,使编辑工作更顺畅。