(轉(zhuǎn)自岳明博客和博客合并本文)最近有很多博主評(píng)論說約伯博客的評(píng)論輸入效果很酷，我自己也很喜歡。輸入評(píng)論時(shí)跟著光標(biāo)彈出煙火很酷(還可以打開屏幕震動(dòng)！)，這是岳明在“閑魚博客”上看到的。首先感謝“閑魚博客”的無私分享。今天，我將與你分享這些花！
首先，下載這段JS代碼并上傳到網(wǎng)站目錄(具體來說，任何地方)
，下載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文件的適當(dāng)位置。
<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>因?yàn)檫@個(gè)輸入特效只有在評(píng)論的時(shí)候才有用，為了不亂加載這些JS文件，建議在這些代碼中加一個(gè)字，判斷是文章頁還是頁面，如果是就再加載這些代碼。
每月更新 PS:很多博主反映，這種特殊的打字效果是在移動(dòng)端打字時(shí)的特殊卡片，所以我們可以考慮這種特殊的打字效果不在移動(dòng)端顯示，只在PC端顯示。做法是在步驟JS中增加一個(gè)判斷，具體修改如下:
<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?}?>如果已經(jīng)有判斷條件碼
注意:如果第一步上傳的路徑不在JS文件夾中，記得在第二步引用activate-power-mode.js文件時(shí)修改路徑。
重要聲明
本文所使用的.js文件、代碼及方法均來自閑魚博客分享的《WordPress優(yōu)化：給博客添加評(píng)論輸入特效》這篇文章，本文僅對(duì) activate-power-mode.js 文件進(jìn)行壓縮，從原來的.KB壓縮成.KB，并把步驟具體化而已。
作者：徐州百都網(wǎng)絡(luò) | 來源： | 發(fā)布于：2022-03-23 11:23:57