效果预览

实现方法

• 下载下方的源文件(js)

[dltable file=”Bomb.js” size=”16.39KB” link=”https://static.cszj.wang/2020/04/11/tIkKKg.js” secret=”E-tag:51b3b3cb8c670144b4a0b6d161680cf9″]

• 将源文件引入在页脚

• 在body标签内, js文件之前写入这样的代码

<canvas class="fireworks" style="position: fixed; left: 0px; top: 0px; z-index: 99999999; pointer-events: none; width: 1189px; height: 920px;" width="2378" height="1840"></canvas>

• 大功告成, 去预览效果吧!

优化提示

WordPress中并不建议直接在页脚添加代码, 而是建议用hook在页脚挂载代码

范例Hook(有这段代码后第二步无需做)

function add_firework()
{
    wp_enqueue_script('bomb-js', '!!你的js文件位置!!',array(),false,true);
}
add_action('wp_enqueue_scripts', 'add_firework');