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

未经允许不得转载:犄角旮旯 » WordPress博客添加評論輸入禮花及震動特效

對不起,您的瀏覽器不支持Flash


請使用支持Flash的瀏覽器訪問本頁,謝謝!

评论列表

还木有评论 ,赶紧来一个!嘻嘻,:)

发表评论

访客的头像

Top