Loading
0

WordPress粒子背景特效,给知更鸟主题添加随鼠标变幻的动态线条

技术小学生微信公众号
腾讯云服务器大促销。
华为服务器

今天一个群里的朋友看到我的背景问我怎么做的,我就把这个做法分享给大家,就是一个js特效。应该全主题的操作方式是差不多的,我这里以知更鸟为例子。

 

下载js

这是一个基于canvas绘制的网页背景效果。这里附上canvas-nest.min.js的下载地址

[reply]
https://pan.baidu.com/s/1m4svBpSjIY5FODKSh3Jmaw?errno=0&errmsg=Auth%20Login%20Sucess&&bduss=&ssnerror=0&traceid=
https://www.lanzous.com/i2441gh
[/reply]

引用js文件

下载完后解压压缩包,将canvas-nest.min.js文件,放到主题begin\js目录中,然后找到页脚footer.php文件里的

  1. <?php wp_footer(); ?>

在以上代码的前面加上

  1. <script type=“text/javascript“ src=“<?php bloginfo(‘template_directory’);?>/js/canvas-nest.min.js”></script>

js的路径是可以更改的,如果你不是知更鸟主题必须要改。

效果弊端

这个特效只适合初建站的朋友使用,因为一旦访问用户多的话会使cpu飙升!

 

 

方法二:用背景线条插件

WordPress背景特效,给知更鸟主题添加随鼠标变幻的动态线条插件

技术小学生微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://blog.tag.gg/showinfo-19-18757-0.html
亲爱的:若该文章解决了您的问题,可否收藏+评论+分享呢?
上一篇:WordPress博客导航实现最新评论自动排第一功能
下一篇:网站粒子背景特效添加跟随鼠标动态线条特效插件