给WordPress添加评论输入特效

本站使用了评论输入特效,打字时有礼花绽放效果,并且可以设置震动(本站关闭了震动)。详细效果你去发表一下评论就知道了。

实现方法:

1、下载JS文件:下载地址

2、将以下代码添加到主题的页脚文件适当的位置:

<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>


输入特效只有在评论的时候有用,为了不乱加载这些JS文件,建议给代码加一个判断,是文章页或页面的话才加载这些代码。

<?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 }?>

注意记得根据实际情况修改activate-power-mode.js文件的调用路径。



39 条评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注