前言：需要快速根据需求来设计网站界面？别担心，Elementor安排你，有了它，即使没有很多的Web前端开发专业功底，只要会做PPT，设计网页不是问题！

一、安装页面构建插件：Elementor

1. 进入Wordpress管理后台（仪表盘）
2. 找到插件，并点击“添加插件”
   
3. 搜索框中输入“Elementor”，点击“Install Now”（未安装时显示）
   
4. 安装成功后，点击“activate”，即可激活插件，在左侧导航栏可查看
   

二、新建/修改页面内容

- 新建页面

1. 在左侧导航栏找到“页面” -> “新建页面”
   
2. 找到“使用Elementor编辑”（不论位置在何处）
   
                             or
   
3. 画面中间可以添加模板、分区和现成页面
   
4. 创建新分区后，可以使用多种实用“小工具”（根据需求来即可）
   

- 修改页面

1. 在左侧导航栏找到“页面” -> “全部页面”
   
2. 找到特定页面后，点击“使用Elementor编辑”
   
3. 像设计演示文稿一样的开发网页（即时编辑）
   
   

• 注意：每当修改一个版本一定要记得保存，方式有三种：1. 存至模板；2. 存至草稿；3. 直接发布。
  

三、安装页面构建插件：WPBakery Page Builder

1. 进入Wordpress管理后台（仪表盘）
2. 找到插件，并点击“添加插件”
   
3. 搜索框中输入“WPBakery Page”，点击“Install Now”（未安装时显示）
   
4. 安装成功后，点击“activate”，即可激活插件，在左侧导航栏可查看
   

四、新建/修改页面内容

- 新建页面（与Elementor类似）

1. 在左侧导航栏找到“页面” -> “新建页面”
2. 找到“WPBakery Page编辑”（不论位置在何处）
   
3. 选择“前端编辑”按钮
   
4. 画面中间可以添加元素、文本块和模板
   
5. 其中添加元素，提供多种供选择的元素项（结合需求选择）
   

- 修改页面（与Elementor类似）

1. 在左侧导航栏找到“页面” -> “全部页面”
2. 找到特定页面后，点击“使用WPBakery Page Builder编辑”
   
3. 像设计演示文稿一样的开发网页（即时编辑）
   

• 注意：每当修改一个版本一定要记得保存，方式有两种：1. 存至待定；2. 直接发布。