WordPress网站内添加鼠标点击五颜六色爆炸特效

2019年6月23日11:00:44 评论 811 views 841字阅读2分48秒

我们都知道用户体验对于网站来说是至关重要的,如果网站的跳出率过高,那么搜索引擎则会认为你这个站点对于用户来说是没多大用处的。那么如何能够更好的留住用户呢?之前叶忠文在如何打造高质量网站内容与网站收录也有讲到过,高质量的内容也是可以很好的留住用户,减少用户的跳出率。

WordPress网站内添加鼠标点击五颜六色爆炸特效

再者就是网站视觉的体验感,不管是人还是动物的眼睛都是有视觉疲劳的,视觉疲劳的长久在于所看事务能否更好的吸引人。一个网站的美化如果做的话同样能够大大的减少用户跳出率,这就是叶忠文为什么那么执着于网站美化,网站的美化程度会影响到用户在你网站的停留时间。

最近在IT教程网博客里看到一个教程是关于WordPress网站内鼠标点击五颜六色爆炸特效,本人相对来说是比较喜欢这个特效的,加过之后可以让我们的网站瞬间提升一个档次。俗话说的好,好东西就是拿来分享的,今天在这里也希望通过这个教程把它分享给喜欢的朋友们。干说可能会有点枯燥乏味,我们先来看看它的一个展示效果吧,效果如图:

WordPress网站内添加鼠标点击五颜六色爆炸特效

好了,效果看到了,是不是很喜欢列,下面就紧张的进入到我们的教学时间吧。将下面代码放在模版 footer.php文件里的</body>前即可!

<canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
<script type="text/javascript" src="https://www.japanren.com/wp-content/themes/begin/djtx.js"></script>

最后将下载下来的JS文件下载放到你网站根目录想放的位置即可,在这里叶忠文放在了主题根目录下的JS文件夹里面,这个看个人喜欢,不一定要按我的位置来。

注明:如果看到本站没有这种效果不要奇怪,之前有添加过此特效。可能因为看的久了没有太大的新鲜感,所以给取消了。如果有喜欢的朋友们可以尝试着做这种爆炸特效!

下载信息 插件名称:点击特效JS.zip 应用平台:WordPress 更新时间:2019年6月21日 文件大小:7KB
下载地址
叶先生
  • 本文由 发表于 2019年6月23日11:00:44
如何快速切换WordPress里的背景图 WordPress

如何快速切换WordPress里的背景图

用过WordPress主题建站的人多半都切换过背景图,就拿本人来说,之前用鸟哥这款Begin主题的时候,就为了追求各种美化加过网站背景图与评论区背景图,还加过自定义鼠标样式,但后期还是因为想要简单简洁...
如何替换WordPress博客的自定义栏目值 WordPress

如何替换WordPress博客的自定义栏目值

我们都知道如果之前添加的自定义栏目值,例如说:附件或者图片链接的地址发生改变,修改起来都是比较麻烦的。好久没进鸟哥的官网看了,今天进去看到这么一个教程感觉挺实用的,里面有篇文章讲到附件或者图片链接的地...
WordPress网站如何更换域名的详细教程讲解 WordPress

WordPress网站如何更换域名的详细教程讲解

WordPress网站如何更换域名?使用WordPress主题建站这么长时间以来,见过很多站长不停的更换网站域名,但不会更换里面的内容。其实这个方法不算新颖,因为在这个方法之前,鸟哥的Begin主题里...
修改数据库密码后导致网站无法打开该怎么解决? 网站建设

修改数据库密码后导致网站无法打开该怎么解决?

今天无缘无故不知道发什么癫,一时兴起,想统一下阿里后台的登录密码,接着把FTP密码也给重置了遍,后面想了下,要不就把数据库密码也统一下吧。统一好了后方才发现网站打不开了,顿时有点百思不得其解,以前用织...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: