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

目录

I.效果展示

II.方法步骤:

III.资源下载


I.效果展示

话不多说先上效果:

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


II.方法步骤:

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

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

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

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

主题页脚这个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)

上一篇:WordPress主题 Qui-Pure v2.48 超简约纯文本/图文博客主题


下一篇:docker安装WPScan扫描WordPress站点