如何给WordPress博客网站添加评论输入特效

我不知道你是否注意到了boke112导航的评论输入效果。虽然很多博主说它看起来太花哨但不太好，但boke112认为这种特殊效果非常好，值得推荐。毕竟，它可以让我们变得单调乏味。审查过程为生活增添了一点色彩。请评论输入效果的具体效果。

也有博客认为添加这种特殊效果会降低打开网页的速度。事实上，如果我们的网站放置在中国，或者如果CDN或缓存插件已被使用，它是无关的JS代码，这些KB的，所以不用太担心。更多，喜欢使用它。

八卦没什么可说的，这里是如何在WordPress博客网站上添加评论以输入特效：

1、下载activate-power-mode.js文件（压缩，仅5.18KB），并上传到主题的JS文件夹（例如，奈，上传WP-contentthemesNanajs）。

特效代码文件

<script src="<?php bloginfo('template_directory'); ?>/js/activate-power-mode.js "></script><script>POWERMODE.colorful = true;POWERMODE.shake = false;document.body.addEventListener('input', POWERMODE);</script>

2、将以下代码添加到主题的footer.php文件适当的位置。

因为评论时，为了不加载这些JS文件此输入效果时才有用，建议判断添加到代码页或页面，然后加载代码。

8月23日更新

PS：有很多博主说，谁在移动侧打字的时候这个打字效果是特殊的，所以我们可以认为移动终端不显示这种效果，只显示在PC端打字效果。实践是在步骤2中向JS添加判断，具体修改如下：

<?php if (is_single() || is_page() ) { ?><script src="<?php bloginfo('template_directory'); ?>/js/activate-power-mode.js "></script><script>POWERMODE.colorful = true;POWERMODE.shake = false;document.body.addEventListener('input', POWERMODE);</script><?php }?>

如果所使用主题的footer.php文件中没有此类条件，则建议使用以下代码：

如果你已经有条件代码＆lt;？php if（is_single（）|| is_page（））{？＆gt ;,只需将第二步中的代码添加到它。

注意：如果第一次上载的路径不在JS文件夹中，请记住在第二步中引用activate-power-mode.js文件时修改路径。