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

  • A+
所属分类:wordpress主题

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

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
下载地址
Joson

发表评论

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