Hostease提供优质的美国主机、香港主机、美国服务器、香港服务器、VPS云主机 租用服务
本周我们有一个客户购买了虚拟主机,询问我们的在线客服如何在他们的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。