鲁达 不知道大家是否注意到boke112导航的评论输入特效，虽然有很多博主说看起来太花俏不太好，不过boke112倒是认为这个特效还是挺不错的，值得推荐，毕竟它可以给我们枯燥单调的评论过程增加一点点色彩生机。评论输入特效的具体效果请在本站进行评论即可看到。
也有博主认为增加这种特效会拖慢网页打开速度，其实我们的站点放在国内的话，或者已经用上CDN或缓存插件的话，对于这些几KB的JS代码也是无关紧要的，所以不用顾虑太多，喜欢就用上吧。
闲话就不多说，下面就分享具体给WordPress博客网站添加评论输入特效的办法：
1、下载ac文件（已压缩，仅有5.18KB），并上传到主题的JS文件夹中（如Nana为例，就上传wp-content\themes\Nana\js）。
2、将以下代码添加到主题的文件适当的位置。
<script src="<?php bloginfo('template_directory'); ?>/js/ac "></script>
<script>
POWERMODE.colorful = true;
POWERMODE.shake = false;
document.body.addEventListener('input', POWERMODE);
</script>
因为这个输入特效只有在评论的时候有用，所以为了不乱加载这些JS文件，建议给这些代码加一个判断是否为文章页或页面，是的话才加载这些代码。
如果所使用主题的文件内没有这个判断条件的话，建议使用以下代码：
<?php if (is_single() || is_page() ) { ?>
<script src="<?php bloginfo('template_directory'); ?>/js/ac "></script>
<script>
POWERMODE.colorful = true;
POWERMODE.shake = false;
document.body.addEventListener('input', POWERMODE);
</script>
<?php }?>
如果已经有判断条件代码<?php if (is_single() || is_page() ) { ?>，只需要将第二步的代码添加在里面即可。
注意：如果第一步上传的路径不是在JS文件夹中，在第二步引用ac文件时记得修改路径哦。
重要声明
本文所使用的.js文件、代码及方法均来自闲鱼博客分享的《WordPress优化：给博客添加评论输入特效》这篇文章，本文仅对ac文件进行压缩，从原来的9.29KB压缩成5.18KB，并把步骤具体化而已。
原文地址：