探索 Elementor 编辑器 Explore the Elementor Editor

探索 Elementor 编辑器

无论是从零开始构建网站，还是使用现成的网站套件，您都需要了解如何使用 Elementor 编辑器。我们将从编辑器的基本布局开始。

Elementor 编辑器布局

编辑器主要分为三大区域：顶部栏、面板和画布。

顶部栏

在这里，您可以找到构建和自定义页面所需的工具和设置。更多关于顶部栏选项的信息，请参阅 Elementor 顶部栏。

面板

面板中提供了设计页面的元素，如容器和小工具（如标题小工具）。要了解如何从面板移动元素到画布，请参阅向页面添加元素。

• 面板也是调整元素、页面和网站设置的地方。

画布

画布又称为内容区域，是您创建页面/文章/网站部分的区域。

• 若要增加画布宽度，可点击隐藏面板箭头以腾出更多空间。

按钮示例图：隐藏面板

• 您可以使用不同视图进行页面编辑。更多详情，请参阅更改画布视图。
• 若画布上显示页眉和页脚，悬停其上时颜色会变化。点击页眉或页脚进入编辑，点击页面区域返回编辑页面。切换编辑部分前系统会提示您保存。

示例图：页眉和页脚高亮

创建容器

1. 在画布上，点击**+ 图标**。

示例图：选择容器布局

2. 选择第一个容器布局，将创建一个垂直布局的容器。

3. 在顶部栏中，点击加号图标。

添加标题小工具

从面板中拖动标题小工具到新容器中。

在面板中的标题字段中输入文字，例如我的第一个容器。

编辑容器和小工具

编辑容器：

点击容器选项卡中的设置图标。

容器设置菜单将在面板中打开，包含三个选项卡：布局、样式和高级。

示例图：容器设置选项卡

编辑小工具：

点击小工具把手。

小工具设置菜单将在面板中打开，同样包含内容、样式和高级三个选项卡。

示例图：小工具设置选项卡

通过 Elementor 编辑器的这些基本操作，您可以自由构建和自定义页面内容，提升页面设计体验。