Tag: WordPress 网站编辑

Elementor 是一款广受欢迎的 WordPress 页面构建器插件，它提供了一个直观、强大的拖放界面，让用户能够轻松创建和编辑网站布局，无需编写任何代码。那我们使用Elementor 编辑器前呢，要先熟悉一下它的基本布局。

官方网址：https://elementor.com/

Elementor 编辑器布局

编辑器由三个主要区域组成：顶部栏、面板和画布（Canvas）。

顶栏

你可以在此处找到构建和自定义页面所需的工具和设置。有关顶部栏中可用选项的更多详细信息，可以参阅Elementor 顶部栏。

控制板

你可以在该面板中找到用于构建页面的设计元素（例如容器）和小部件（例如标题小部件）。有关将元素从面板移动到画布的更多详细信息，可以参阅将元素添加到页面。 还可以在该面板中调整元素、页面和站点的设置。 

画布（Canvas）

画布也称为内容区域。将在此处创建页面/帖子/网站部分。如果要增加画布宽度，单击隐藏面板箭头以添加更多空间。

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

创建容器

1、在画布上，单击 + 图标。

现在可以选择容器布局。

2、选择第一个容器布局。这将创建一个具有垂直布局的容器。

3、在顶部栏上，单击加号图标。

4、从面板中，将标题小部件拖到新容器中。

5、在面板的标题字段中添加文本；我的第一个容器。

编辑容器和小部件

编辑容器：

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

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

编辑小部件：

单击小部件手柄。

小部件设置菜单在面板中打开，其中包含三个选项卡：内容、样式和高级。