


今天一个群里的朋友看到我的背景问我怎么做的,我就把这个做法分享给大家,就是一个js特效。应该全主题的操作方式是差不多的,我这里以知更鸟为例子。
下载js
这是一个基于canvas绘制的网页背景效果。这里附上canvas-nest.min.js的下载地址
下载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文件里的
- <?php wp_footer(); ?>
在以上代码的前面加上
- <script type=“text/javascript“ src=“<?php bloginfo(‘template_directory’);?>/js/canvas-nest.min.js”></script>
js的路径是可以更改的,如果你不是知更鸟主题必须要改。
效果弊端
这个特效只适合初建站的朋友使用,因为一旦访问用户多的话会使cpu飙升!
方法二:用背景线条插件
WordPress背景特效,给知更鸟主题添加随鼠标变幻的动态线条插件



亲爱的:若该文章解决了您的问题,可否收藏+评论+分享呢?
文章评论 本文章有个评论