欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-10 22:43:14
...

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

下载js

这是一个基于canvas绘制的网页背景效果。(下载地址在文末原地址)

引用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飙升!
本文原地址(js下载):https://xiaorenjc.net/190.html