如何在WordPress中添加加载动画效果

预加载器是一种动画，指示后台页面加载的进度。预加载器可确保用户网站正在加载页面。这可以帮助改善用户体验并降低总体跳出率。在本文中，我们将向你展示如何轻松地将预加载器添加到WordPress。

什么是预加载器以及何时应使用它？

预加载器是动画或状态消息，指示后台页面加载的进度。

通常，当你访问网站时，浏览器会开始下载内容的不同部分。网站的某些部分加载速度较快（例如，文本，HTML 代码，CSS），而其他部分的加载速度较慢（图像和视频）。如果你的大部分内容是带有很少图像和视频的文本，那么你实际上不需要在网站上添加预加载器。相反，你应该专注于提高网站速度和性能，以加快页面加载速度。

另一方面，如果你的大部分内容是图像，照片和视频嵌入，则你的用户需要等待一段时间才能实际看到所有内容。在这些部分下载期间，你的网站可能会变慢。有时用户甚至可能认为它已损坏。添加一个预加载器，可以填补这一空白，并在页面加载期间向用户显示进度指示器。

话虽如此，让我们看一下如何轻松地将预加载器添加到 WordPress 网站。

方法1.使用 WP Smart Preloader 在 WordPress 中添加预加载器

建议使用此方法，因为它易于实现，并且不需要对 WordPress 主题进行任何更改。你需要做的第一件事是安装并激活 WP Smart Preloader 插件。激活后，你需要访问设置»WP Smart Preloader页面以配置插件设置。

激活后，你需要访问设置»WP Smart Preloader页面以配置插件设置。

首先，你需要选择预加载器样式或页面加载动画。该插件带有六个内置动画供你选择。你还可以上传自己的自定义 HTML 和 CSS 来创建自定义预加载器。之后，你可以通过选中“仅在主页上显示”选项，使预加载器仅出现在主页上。

接下来，你需要向下滚动到“显示加载程序的持续时间”部分。你需要指定预加载器的持续时间。默认选项是 1500 毫秒（1.5秒），适用于大多数站点，但是你可以根据需要进行更改。

你还可以设置加载程序完全消失所需的时间。默认选项是 2500 秒或 2.5 秒。最后，不要忘记单击“保存更改”按钮来保存你的设置。现在，你可以访问你的网站以查看预加载器的运行情况。

方法2.使用预加载器插件在 WordPress 中添加预加载器

此方法很灵活，但需要其他步骤才能在 WordPress 网站上正确实现。你需要做的第一件事是安装并激活 Preloader 插件。