无论您是从头开始构建网站还是使用我们的网站套件之一,您都需要学习如何使用 Elementor 编辑器。我们将首先介绍编辑器的基本布局。
Elementor 编辑器布局 #
编辑器由三个主要区域组成:顶部栏、面板和画布。

顶部栏 #
您可以在此处找到构建和自定义页面所需的工具和设置。有关顶部栏可用选项的更多详细信息,请参阅Elementor 顶部栏。
控制板 #
面板中可以找到用于构建页面的设计元素(例如容器)和小部件(例如标题小部件)。有关将元素从面板移动到画布的更多详细信息,请参阅将元素添加到页面。
您还可以在该面板上调整元素、页面和站点的设置。
帆布 #
画布也称为内容区域。您可以在此处创建页面/帖子/网站部分。
如果要增加画布宽度,请单击隐藏面板箭头以添加更多空间。

处理页面时,您可以使用不同的视图。有关这些不同视图的更多详细信息,请参阅更改画布视图。
如果页眉和页脚出现在画布上,则当您将鼠标悬停在它们上面时,它们的颜色会发生变化。
单击页眉或页脚内部,即可从编辑页面切换到编辑该站点部分。
单击页面区域可返回编辑该页面。切换前系统会提示您保存。

创建容器 #
- 在画布上,单击 + 图标。
您现在可以选择一个容器布局。 - 选择第一个容器布局。这将创建一个具有垂直布局的容器。
- 在顶部栏上,单击加号图标。
- 从面板中,将标题小部件拖到新容器中。
- 在面板的标题字段中,添加文本;我的第一个容器。
编辑容器和小部件 #
要编辑容器:
单击容器选项卡中的设置图标。
容器设置菜单在面板中打开,其中有三个选项卡:布局、样式和高级。
要编辑小部件:
- 单击小部件句柄。
小部件设置菜单在面板中打开,其中有三个选项卡:内容、样式和高级。