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

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

下载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

WordPress背景特效，给知更鸟主题添加随鼠标变幻的动态线条相关推荐

网页动态背景——随鼠标变换的动态线条（鼠标蜘蛛网特效）
网页动态背景--随鼠标变换的动态线条效果图如下代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv=& ...
网页动态背景——随鼠标变换的动态线条
先上一张效果图. 代码如下: 1 <script type= "text/javascript" src= "https://cdn.bootcss.com/ca ...
知更鸟begin主题添加留言者相关信息（国家、浏览器、操作系统、所在区域）
这在我自己看来是一个很好的功能,而且可以看到是哪些地方的朋友来到自己的博客评论,通过本教程成功配置后,你的知更鸟主题也会拥有一样的能力,目前小任博客成功实现,将鼠标移动到评论者的留言上会出现评论者所在 ...
WordPress主题添加鼠标点击特效
关于WordPress主题添加鼠标点击特效方法以及代码使用.看着花里胡哨的,其实实现很简单.找到相对应的文件位置,然后复制粘贴,最后保存运行即可.为了方便新手我尽可能详细些,使用方法:打开宝塔Linu ...
wordpress 背景_如何在WordPress中添加全屏背景图片
wordpress 背景 Full screen background image seems to be a new design trend that is becoming fashionabl ...
Hexo博客主题Next添加动态线条背景canvas_nest
欢迎光临我的博客查看最新文章: https://river106.cn Hexo 版本:5.4.0 Next版本:8.7.1 为了美化Hexo博客,可以给博客添加动态线条背景,这里使用canvas_ ...
宝塔面板wordpress“知更鸟”主题升级到php7.2,出现Warning: Use of undefined constant taotag – assumed
最近将网站运行的硬件进行了升级,从虚拟主机换成了vps,同时,用上最新的宝塔面板(基于centos7的6.9版本),php主要是用7.2版本,网上资料说,wordpress完美支持php7.0及以上版 ...
php怎么设置顶部图标,为WordPress主题添加顶部自定义图片功能
在WordPress主题中,头部(header)的自定义一般来说就是能让用户在后台能够自行更改主题默认显示的图片或者标题的大小颜色这些功能.而为一个主题添加上这些后台选项并不难,在WordPress较 ...
wordpress 背景_如何为您的WordPress网站找到美丽的背景图像
wordpress 背景 Many WordPress themes are now coming with full screen, parallax, and multiple backgroun ...

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

下载js

引用js文件

效果弊端

WordPress背景特效，给知更鸟主题添加随鼠标变幻的动态线条相关推荐

最新文章

热门文章