在WordPress网站中开启正在加载的动画「留住用户」

为WordPress网站提供正在加载动画,吸引用户,降低用户跳出率。

什么是正在加载动画,预加载动画?

预加载器是一种动画,指示后台页面加载的进度。

预加载程序可确保用户网站正在加载页面。这可以帮助改善用户体验并降低总体跳出率。

将向您展示如何轻松地将预加载器添加到WordPress网站中。

在WordPress网站中开启正在加载的动画「留住用户」

了解加载动画

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

通常,当您访问网站时,浏览器会开始下载内容的不同部分。网站的某些部分加载速度较快(例如,文本,HTML代码,CSS),而其他部分的加载速度较慢(即,图像和视频)。

如果您的大部分内容是带有很少图像和视频的文字,那么实际上不需要向网站添加预加载器(文字打开会比较快,加载动画不一定有时间显示)。应该专注于提高网站速度和性能,以加快页面加载速度。

另一方面,如果网站大部分内容是图像,照片和视频嵌入,则用户需要等待一段时间才能实际看到所有内容。

在这些部分下载期间,您的网站可能会变慢。有时用户甚至可能认为网站卡顿或者损坏(从而跳出网站)。添加一个预加载器,可以填补这一空白,并在页面加载期间向用户显示进度指示器。

可以通过在WordPress中撰写博客文章时单击“预览”按钮来查看预加载器的实时示例。

WordPress将在新窗口中打开博客文章的实时预览,并且它将在实际显示实时预览之前显示一个预加载器。

WordPress帖子预览预加载器

使用插件添加加载动画

使用WordPress插件的好处是,因为容易实现,并且不需要对WordPress主题进行任何更改。

安装插件

进入WordPress后台>插件>安装插件>搜索“WP Smart Preloader

有关更多详细信息,参考:如何安装WordPress插件的分步指南。

在WordPress网站中开启正在加载的动画「留住用户」

之后点击【现在安装】,稍等片刻后点击【启用】。

如果网速不好,或者其他原因安装失败,可以到WordPress官网下载插件之后,手动上传到WordPress插件中:https://wordpress.org/plugins/wp-smart-preloader/

插件使用

【启用】插件之后,进入到WordPress后台左侧边栏>设置>WP Smart Preloader中。

WP Smart Preloader设置

首先,需要选择预加载器样式或页面加载动画。该插件带有六个内置动画选择。还可以上传自己的自定义HTML和CSS来创建自定义预加载器

之后,可以通过选中“仅在主页上显示”选项,使预加载器仅出现在主页上。

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

设置预加载器持续时间并淡出

还可以设置加载程序完全消失所需的时间。默认选项是2500秒或2.5秒。

最后,不要忘记单击“保存更改”按钮来保存设置。

现在,可以访问网站以查看预加载器的运行情况。

WP Smart Preloader预览

文章标题:在WordPress网站中开启正在加载的动画「留住用户」,本文链接:https://www.siwihs.com/7485.html。未经允许,禁止转载。

(2)
上一篇 2020-08-15 17:23:02
下一篇 2020-08-16 13:41:10

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部