Elementor这个插件提供了一个可视化的拖拽界面，使得企业在没有技术人员的情况下也能够轻松搭建和管理网站。Elementor有大量的模板选择、丰富的元素库（包括文本、图像、按钮、表格等）以及对响应式设计的良好支持，这些都大大简化了网页设计过程，提高了我们的效率。
此外，它还兼容大多数WordPress主题和插件，增强了扩展性和灵活性，这也让它成为WordPress外贸建站最常用的插件之一。
我们这个章节将来学习如何安装并且开始使用Elementor。
安装Elementor插件
Elementor可以直接在WordPress的插件市场中安装，通过“Plugins” –> “Add New Plugin”，搜索“Elementor”，点击安装并激活。
Elementor基础配置
激活后会跳出Elementor的配置向导，我们一直点“Skip”跳过即可。
然后Elementor就会带我们进入到页面编辑页面，现在我们就可以使用Elementor来进行拖拽式页面设计。
但是首先，我们得先对Elementor做一些基础的配置。
我们点击左上角的Elementor图标，然后点击Exit to WordPress回到WP后台。
通过“Elementor” –> “Settings”进入到Elementor的设置页面。
我们在General中需要进行的设置有：
- Post Types：设置允许使用Elementor编辑的页面类型，默认Posts和Pages。如果我们安装了WooCommerce，那么在Elementor设置页面还会有一个Products类型的选项。勾选上的话我们编辑产品页面的时候就可以使用Elementor来编辑了。按需勾选。
- Disable Default Colors：禁用Elementor默认颜色，建议勾选。
- Disable Default Fonts：禁用Elementor默认字体，建议勾选。
Elementor的小部件都会有默认的颜色和字体，跟我们的WordPress主题设置不一样，如果我们想用WordPress主题的设置，那么建议勾选Disable Default Colors和Disable Default Fonts这两个选项。
设置完毕以后，点击“Save Changes”更改完毕。
Elementor的基本配置已经完成了。
使用Elementor来编辑页面
创建新文章/页面/产品
我们进入到Posts、 Pages或者Products页面后就可以看到“Edit with Elementor”这个按钮，点击该按钮即可进入到Elementor的可视化编辑页面：
如果你安装了Classic Editor插件，那么对应界面如下：
使用Elementor编辑现有页面
1. 如果之前该页面不是使用Elementor制作的，那么需要像上面这样，点进去到对应的页面，再点击“Edit with Elementor”才能使用Elementor来编辑。
如果页面已经是使用Elementor制作的了，那么我们进入到单个页面中可以看到这种界面：
此时我们点击Edit with Elementor也可以进入到可视化编辑页面。
如果是想使用Elementor编辑现有的Elementor页面，除了以上这种，还有两种更加简便的方式：
第一种：我们在文章/页面/产品列表页面中点击“Edit with Elementor”即可。现有的Elementor页面在标题后边后带有“—Elementor”字段，而且鼠标移动上去会有“Edit with Elementor”按钮。
第二种：我们在前端打开对应的页面，然后点击顶部栏中的Edit with Elementor即可进入到可视化编辑页面。
Elementor教学的第一篇就到此结束了。
我们会在下一个布局和容器教程中去详解如何使用Elementor的Flexbox容器和Grid容器来搭建我们想要的页面。
