WordPress:给自己的网站添加点击烟花效果

效果展示

7794a71b3e174a609b3f51a055aaa5bf
话不多说先上效果

方法步骤:

1️⃣ 首先,下载一个名为djtx.js的js文件,里面包含了实现烟花效果的js代码(下载的链接见文章第三部分)。

2️⃣之后将该文件放入自己的网站的某个文件目录下,推荐的路径是:/www/wwwroot/www.xxxx(你的域名)/wp-content/themes/xxxx(你的主题名称)/js/djtx.js(放文件这一步推荐在宝塔面板下进行)

3️⃣ 最后,在WordPress中找到:仪表盘 -> 外观 -> 主题编辑器 -> 主题页脚(footer.php)

主题页脚这个php文件倒数第二行</body>标签前面添加下面两句代码:

<canvas class="fireworks" style="position:fixed;left:0;top:0;z-index:99999999;pointer-events:none;"></canvas>
<script type="text/javascript" src="https://(你的域名)/wp-content/themes/xxxx(你的主题名称)/js/djtx.js"></script>

图片[2]-WordPress:给自己的网站添加点击烟花效果-盛大互联

❖ 下载地址

© 版权声明
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容