wordpress网站下雪特效js代码及配置教程

“我住的城市从不下雪,记忆却堆满冷的感觉”,突然听到陈奕迅的这一首《圣诞结》,想到今天圣诞节,天气真的变得很冷

“我住的城市从不下雪,记忆却堆满冷的感觉”,突然听到陈奕迅的这一首《圣诞结》,想到今天圣诞节,天气真的变得很冷了,想起去年发的下雪特效,给网站加一点下雪意境似乎更爽!今天就详细的讲一下这个下雪特效怎么安装到各位的网站!

wordpress网站下雪特效js代码安装过程

下载的包已经为大家准备好了!放到文章底部,也不设置什么权限,好像仅是登录可见。

1.打开下载包里面的snow.js这个文件,然后上传到主题目录里面,我这里以子主题为例子,放到child/js文件夹里面,要记住这个路径

2.引用添加的js在你主题的fuctions.php添加如下代码

function Snowfall(){
?>
<script type='text/javascript' src='https://www.6fwq.com/wp-content/themes/child/js/snow.js'></script>
<script type="text/javascript">snowFall.snow(document.body, {flakeCount : 90, maxSpeed : 12, round : true, minSize: 4, maxSize:10});</script>
<?php
}
add_action( 'get_footer', 'Snowfall')

 

可以看到这里有一个路径 https://www.6fwq.com/wp-content/themes/child/js/snow.js ,把这个路径改成你自己网站存放snow.js的路径就可以了,然后你可以修改里面的控制参数:minSize和maxSize是控制随机雪花大小的,maxSpeed是控制雪花的速度的,大概是这样的,我反正是猜的。

其余方法不推荐,我反正懒得搞,你要引用别人js也可以,但是会卡哟!

圣诞节wordpress网站下雪特效教程就到这里结束了,祝各位圣诞节快乐!Merry Christm

人已赞赏
WordPress建站

WP邮件配置-QQ邮箱smtp的正确填写方法

2020-7-14 0:49:00

WordPress建站

如何不登录WordPress后台停用所有插件

2020-7-14 1:00:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索