WordPress博客添加評論輸入禮花及震動特效

WordpPress評論輸入禮花及震動特效，由于是調用的JS文件，所以不僅僅可以用于WordPress，其它網站上一樣可以正常使用。特效中包含禮花及震動特效，您可以分別啓用或禁用某個特效。

WordPress評論輸入禮花及震動特效安裝方法：

第一步：下載JS文件activate-power-mode.js（點擊下載），並上傳至當前主題目錄下JS文件夾中。

第二步：將以下代碼添加到當前主題文件footer.php尾部或您認爲合適的位置。

<script src=”<?php bloginfo(‘template_directory’); ?>/includes/js/activate-power-mode.js “></script>
<script>
POWERMODE.colorful = true; // ture 为启用礼花特效
POWERMODE.shake = false; // false 为禁用震动特效
document.body.addEventListener(‘input’, POWERMODE);
</script>

注意：WordPress評論輸入特效只有在評論的時候才使用，所以爲了不亂加載JS文件，建議給代碼加一個判斷是否爲文章頁或頁面，是的話才加載代碼。

如果當前所使用的主題footer.php文件中沒有這個判斷條件的話，建議使用以下代碼：

<?php if (is_single() || is_page() ) { ?>
<script src=”<?php bloginfo(‘template_directory’); ?>/js/activate-power-mode.js “></script>
<script>
POWERMODE.colorful = true; // ture 为启用礼花特效
POWERMODE.shake = false; // false 为禁用震动特效
document.body.addEventListener(‘input’, POWERMODE);
</script>
<?php }?>

如果已經有判斷條件代碼<?php if (is_single() || is_page() ) { ?>，只需要將第二步的代碼添加在裏面即可。

注意：如果第一步上傳的路徑不是在JS文件夾中，在第二步引用activate-power-mode.js文件時記得修改路徑哦~

或者去下載另一個特效JS文件：https://github.com/cnguu/Bomb-Typecho-Plugin