Google / VPN技术 / 互联网技术 · 2024年2月26日

在WordPress评论界面上添加烟花效果

这几天在逛别人博客的时候,好几个站的评论界面打字都有礼花????特效,有的还有震动特效,所以就去搜了下,实现的方法非常简单,下面分享一下实现WordPress评论框烟花和震动特效的实现方法。

WordPress评论界面添加烟花????效果

烟花特效js文件下载:

实现礼花绽放特效主要就是依靠的这个js文件,具体代码如下,你可以选择把下面的代码复制了新建为一个js文件,也可以直接点这里下。

烟花评论特效具体实现步骤:

把下载的js文件上传到你网站,可以上传到你主题文件夹或者其他你习惯的文件夹里面。

然后编辑你主题的主题页脚 (footer.php)文件,加入下面这串代码

<?php if (is_single() || is_page() ) { ?> <script src="<?php bloginfo(template_directory); ?>/js/activate-power-mode.js "></script>  <script> POWERMODE.colorful = true; // ture 为启用礼花特效 POWERMODE.shake = false; // false 为禁用震动特效 document.body.addEventListener(input, POWERMODE); </script> <?php }?>

添加位置你不知道加哪里就加到</body>标签前面。注意如果你不是把js文件上传到你主题文件夹下面的就需要修改script src=后面的位置信息。

OpenMagic API

Need more than content? Move into the product flow.

If you are here for model access, pricing, developer docs, or the future API console, the dedicated product path now lives on api.openmagic.ai.