如何在WordPress网站上安装和设置Elementor

　　本周我们有一个客户购买了虚拟主机，询问我们的在线客服如何在他们的WordPress网站上安装和设置Elementor。我们向用户提供了相关教程，用户很快就解决了遇到的问题。在这里，我们分享这篇操作教程，希望对您有所帮助。

　　Elementor是一款功能强大、灵活的WordPress页面构建器，使用它可以轻松搭建时尚、功能强大的响应式页面，因此备受欢迎。

　　接下来，让我们介绍如何在您的WordPress网站上安装和设置Elementor。

　　第一步：在WordPress网站上安装Elementor

　　在安装Elementor之前，您需要先安装WordPress。

　　一旦您成功安装了WordPress，请使用管理员帐户登录您的站点仪表板。

　　成功登录后，在屏幕左侧的面板中导航至“插件” >> “添加新插件”。

　　在页面右上角的搜索框中输入“Elementor”，然后安装并启用它。

　　第二步：使用Elementor和自定义设置

　　Elementor的性能优化很关键，不然容易卡顿。大部分主机默认情况下可用内存只有64M或者128M，因此需要修改PHP内存限制。

　　修改方法：在网站根目录找到并打开wp-config.php文件，添加下面代码以修改内存限制。

　　第三步：Elementor设置优化

　　进入“Elementor” >> “设置”，然后进入“常规”选项卡。

　　“文章类型”用于选择哪些页面可以使用Elementor制作，请根据需要进行勾选。一般只需要勾选“页面”。建议打开“禁用默认颜色”和“禁用默认字体”，这样将使用主题的字体和颜色设置。

　　接着，点击进入“高级设置”选项卡，按照下图进行设置。

　　然后，点击进入“实验”选项卡，根据下图启用相应功能，这可以大幅减少代码量，提升速度!未提及的设置项保持默认即可。

　　1) 内联字体图标：将图标字体转换为内联SVG图标。

　　2) Flexbox容器：开启后，可以使用Container构建页面结构，比以前的section/column布局更加灵活强大。同时还能减少DOM体积，提升页面速度。

　　3) “延迟加载背景图片”会自动延迟加载首屏以外所有Elementor版块的背景图片，从而提升加载速度。建议启用。

　　4) 优化的DOM输出：启用后，能够减少Elementor生成的HTML中的包装元素数量，从而提高性能。这将减少DOM体积，提高加载速度和效率。

　　5) 改善资源加载：启用后，当页面没有使用到相应小部件时，将不会加载某些JS和其他资源，可以减少大约200kb的代码量。

　　6) 改善CSS加载：启用后，通过添加条件和内联CSS加载实验来减少页面生成的未使用CSS的数量，从而实现更快的页面加载。

　　此时，您已成功在您的WordPress网站上安装和设置了Elementor。