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

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

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

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

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

特效代码文件

1. <script src=”<?php bloginfo(‘template_directory’); ?>/js/activate-power-mode.js “></script>
2. <script>
3. POWERMODE.colorful = true;
4. POWERMODE.shake = false;
5. document.body.addEventListener(‘input’, POWERMODE);
6. </script>

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

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

8月23日更新

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

1. <?php if (is_single() || is_page() ) { ?>
2. <script src=”<?php bloginfo(‘template_directory’); ?>/js/activate-power-mode.js “></script>
3. <script>
4. POWERMODE.colorful = true;
5. POWERMODE.shake = false;
6. document.body.addEventListener(‘input’, POWERMODE);
7. </script>
8. <?php }?>

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

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

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