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

目录

I.效果展示

II.方法步骤：

III.资源下载

---

I.效果展示

话不多说先上效果：

---

II.方法步骤：

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://www/wwwroot/www.xxxx(你的域名)/wp-content/themes/xxxx(你的主题名称)/js/djtx.js"></script>

搞定！(注意src=“https://” 后面的部分是刚才提到的你放置djtx.js文件的路径，不要忘记修改啦！)

---

III.资源下载

提取文件 - djtx.js

（提取码：dxzjyyds）