使用页面结构来导航您的页面

有时，在一个充满元素的复杂网页中寻找路径会变得很复杂。选择“结构”以打开“导航器”，它使用导航树面板显示页面的结构。只需单击一下，即可轻松访问面板上的每个元素。您还可以使用“导航器”通过拖放来重新排列页面上的元素。

导航器对于长页面或具有复杂多层设计的页面以及结合了 Z-Index、负边距、绝对位置等的元素特别有用。它允许您访问可能位于其他元素后面的元素句柄。

访问导航器 #

您可以通过以下三种简单方式访问 Navigator：

• 右键单击任意元素，然后单击 “结构”。这将自动将您重定向到导航树中的特定元素。
  
• 单击顶部栏上的“结构”图标。
  
• 使用Cmd/Ctrl + I键盘快捷键。

---

选择要编辑的元素 #

单击导航器中的任意元素即可立即滚动到其编辑面板。

---

重新排列元素 #

向上或向下拖动任意元素并将其放置在任何其他元素之前或之后。

---

右键单击选项 #

右键单击某个元素可启用其所有常规右键单击菜单选项，例如编辑、复制、粘贴等。

---

隐藏/显示元素 #

单击元素的“查看”按钮 可以显示或隐藏元素，使您更好地专注于设计。

注意：这不会影响您网站的前端。

---

名称元素 #

1. 双击元素名称。该区域将变为蓝色高亮，表示您处于插入/编辑模式。
2. 键入自定义名称，以帮助您稍后轻松识别该元素。

笔记Elementor AI 用户可以使用 AI 来命名其页面上的元素。有关详细信息，请参阅在导航器中使用 AI。

---

折叠/展开一个元素 #

单击单个元素的箭头按钮可展开或折叠该元素。

---

折叠/展开所有元素 #

单击 导航器面板左上角的向上 或向下 箭头按钮可一次展开或折叠所有元素。

---

识别具有特殊条件的元素 #

导航器中包含特殊条件的元素右边缘以黑线标记。

• 将鼠标悬停在黑线上可以显示特殊情况。

特殊条件包括：

• 显示条件：
• 运动效果：
• 绝对定位：
• 自定义 CSS：

位置导航器面板 #

漂浮 #

将导航器面板拖到页面上的任何位置

码头 #

将导航器面板拖到屏幕右侧附近时，会出现一个垂直的蓝色放置区域，将导航器面板放置在该区域内，从而将其固定到屏幕的一侧。