Loper主题添加有趣网页背景效果,这是一个基于canvas绘制的网页背景效果网页背景效果非常特别又好看,直接会跟随你的鼠标靠近结合,不依赖于任何框架或者库,使用原生js编写代码只有1.68 KB,非常轻量级,拽立网,完全不会影响你的网站加载速度,使用起来非常简单,今天我把Loper主题添加有趣网页背景效果方法分享给大家,请看以下操作!

动态效果图!

Loper主题添加有趣网页背景效果-拽立网

1.登陆你的后台管理,选择【外观】-【编辑】-【主题页眉 (header.php)】

直接添加下面全部代码:【必须放到<body> ....之间.. </body>】

<script type="text/javascript" src="<?php bloginfo('template_url');?>/scripts/canvas-nest.min.js"></script>

2.然后把这JS代码上传到你主题【scripts】目录里!

我会把代码打包好分享下载:【在最下面】

提示:不一定要放到顶部上,只要放到<body>后面就行了!

提示:添加后的代码保存就行了,然后刷新自己网站试试效果如果和我一样代表成功!

拽立网
版权声明:本站原创文章,于2017年03月27日 22:49:37,由 拽立网 发表,共 559 字。
打赏