效果预览

实现方法

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

• 将源文件引入在页脚

• 在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');