Elementor 是一款广受欢迎的 WordPress 页面构建器插件,它提供了一个直观、强大的拖放界面,让用户能够轻松创建和编辑网站布局,无需编写任何代码。那我们使用Elementor 编辑器前呢,要先熟悉一下它的基本布局。
![图片[1]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-884.png)
Elementor 编辑器布局
编辑器由三个主要区域组成:顶部栏、面板和画布(Canvas)。
![图片[2]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-872.png)
顶栏
你可以在此处找到构建和自定义页面所需的工具和设置。有关顶部栏中可用选项的更多详细信息,可以参阅Elementor 顶部栏.
控制板
你可以在该面板中找到用于构建页面的设计元素(例如容器)和小部件(例如标题小部件)。有关将元素从面板移动到画布的更多详细信息,可以参阅将元素添加到页面。 还可以在该面板中调整元素、页面和站点的设置。
画布(Canvas)
画布也称为内容区域。将在此处创建页面/帖子/网站部分。如果要增加画布宽度,单击隐藏面板箭头以添加更多空间。
![图片[3]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-873.png)
在页面上工作时可以使用不同的视图。有关这些不同视图的更多详细信息,可以阅度更改画布视图。如果页眉和页脚出现在画布上,当你将鼠标悬停在它们上方时,它们的颜色会发生变化。 单击页眉或页脚内部,可从编辑页面切换到编辑该网站部分。 单击页面区域可返回编辑该页面。切换前会提示你保存。
![图片[4]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-874.png)
创建容器
1、在画布上,单击 + 图标。
![图片[5]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-875.png)
现在可以选择容器布局。
![图片[6]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-876.png)
2、选择第一个容器布局。这将创建一个具有垂直布局的容器。
![图片[7]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-877.png)
3、在顶部栏上,单击加号图标。
![图片[8]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-878.png)
4、从面板中,将标题小部件拖到新容器中。
![图片[9]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-879.png)
5、在面板的标题字段中添加文本;我的第一个容器.
编辑容器和小部件
编辑容器::
![图片[10]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-880.png)
单击容器选项卡中的设置图标。

容器设置菜单将在面板中打开,其中包含三个选项卡:オープニングそしてタイプ歌で応える高いレベル.
编辑小部件::
![图片[12]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-882.png)
单击小部件手柄。
![图片[13]-探索Elementor编辑器看看它都有哪些功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/04/image-883.png)
小部件设置菜单在面板中打开,其中包含三个选项卡:エレメントそしてタイプ歌で応える高いレベル.
お問い合わせ |
---|
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
① 電話:020-2206-9892 |
② QQ咨询:1025174874 |
三 Eメール:info@361sale.com |
④ 勤務時間: 月~金、9:30~18:30、祝日休み |
この記事へのリンクhttps://www.361sale.com/ja/8522この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。
コメントなし