(转自岳明博客和博客合并本文)最近有很多博主评论说约伯博客的评论输入效果很酷，我自己也很喜欢。输入评论时跟着光标弹出烟火很酷(还可以打开屏幕震动！)，这是岳明在“闲鱼博客”上看到的。首先感谢“闲鱼博客”的无私分享。今天，我将与你分享这些花！
首先，下载这段JS代码并上传到网站目录(具体来说，任何地方)
，下载activate-power-mode.js文件(仅压缩。KB)，并上传到主题的JS文件夹中(以娜娜为例，上传wp-content\themes\Nana\js)。
特效代码文件下载: [reply] 地址一：https://pan.baidu.com/s/cQcLg 地址二：https://pan.baidu.com/share/init?surl=qYGkG ， 密码（vfrx） [/reply]将以下代码添加到主题的footer.php文件的适当位置。
<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>因为这个输入特效只有在评论的时候才有用，为了不乱加载这些JS文件，建议在这些代码中加一个字，判断是文章页还是页面，如果是就再加载这些代码。
每月更新 PS:很多博主反映，这种特殊的打字效果是在移动端打字时的特殊卡片，所以我们可以考虑这种特殊的打字效果不在移动端显示，只在PC端显示。做法是在步骤JS中增加一个判断，具体修改如下:
<script type=&#;text/javascript&#;> if(!(/iphone|ipod|ipad|ipad|Android|nokia|blackberry|webos|webos|webmate|bada|lg|ucweb|skyfire|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase()))){ POWERMODE.colorful = true; POWERMODE.shake = false; document.body.addEventListener(&#;input&#;, POWERMODE); } </script>如果所用主题的footer.php文件中没有这样的判断条件，建议使用下面的代码:
<?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 }?>如果已经有判断条件码
注意:如果第一步上传的路径不在JS文件夹中，记得在第二步引用activate-power-mode.js文件时修改路径。
重要声明
本文所使用的.js文件、代码及方法均来自闲鱼博客分享的《WordPress优化：给博客添加评论输入特效》这篇文章，本文仅对 activate-power-mode.js 文件进行压缩，从原来的.KB压缩成.KB，并把步骤具体化而已。
作者：徐州百都网络 | 来源： | 发布于：2022-03-23 11:23:57