如何在 WordPress 上创建 Elementor 预加载器

Muneeb Business Jan 25, 2022

预加载器是您可能想要添加到 WordPress 网站的东西。 这是一个动画,显示页面在后台加载需要多长时间。 预加载器让人们知道网站正在加载页面以查看发生了什么。 这可以使用户体验更好,并减少离开的人数。

Elementor现在已经发布了它的新预加载器选项。 假设您想要最好的优化并且不希望您的整个 WordPress 站点仅仅为了处理您的预加载器而减速。 在这种情况下,您应该按照本教程学习如何在 WordPress 上创建 Elementor Preloader。

如何创建 Elementor 预加载器

首先,选择您喜欢的 SVG 或 GIF,最好是小尺寸的。 Preloaders是寻找免费和基本 SVG 加载器的好地方。

Create an Elementor Preloader  - No Plugins Needed

要包含 Elementor 预加载器,请在页面顶部构建一个新部分 为此部分设置“无间隙”选项。 您可以在标题模板中创建一个新部分,以在您网站的每个页面上包含一个预加载器。

创建令人惊叹的网站

使用最好的免费页面构建器 Elementor

现在开始

最后,将以下代码添加到本节的 HTML 元素中。

确保将加载程序的 URL 更改为您网站的 URL。

>div class="vanilla-preloader" /divscript/scriptstyle/style

差不多就是这样! 但是,通过代码旁边的给定注释,您可以进行进一步的更改,以使预加载器看起来完全符合您的要求。 您将拥有适用于您网站的 Elementor Preloader。

这就是您可以通过添加预加载器来留住网站访问者的方法。 这使用户能够认为该网站正在运行并帮助他们留在您的网站上。 在使用Elementor时,创建预加载器就是这些简单的调整。 请务必在我们的FacebookTwitter上加入我们以保持更新。

Divi WordPress Theme