湖南彩票|湖南彩票官网下载
當前位置: 首頁 > 教程資源 > 正文
為你的 WordPress 網站添加個性輸入禮花及震動特效

為你的 WordPress 網站添加個性輸入禮花及震動特效

作者:大眼仔~旭 日期:5個月前 (12-07) 圍觀:20474+ 評論:2 條

摘要:作為 WordPress 用戶的一員,真是為了裝逼費心費力(雖然 js 文件不是我寫的)。WordpPress 輸入框的一個禮花及震動特效效果,由于是調用的 js 文件,所以不僅僅可以用于 WordPress,其它網站上一樣可以正常使用。js 特效中包含禮花及震動特效,你可以分別啟用或禁用某個效果。 WordPress…

作為 WordPress 用戶的一員,真是為了裝逼費心費力(雖然 js 文件不是我寫的)。WordpPress 輸入框的一個禮花及震動特效效果,由于是調用的 js 文件,所以不僅僅可以用于 WordPress,其它網站上一樣可以正常使用。js 特效中包含禮花及震動特效,你可以分別啟用或禁用某個效果。

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

聲明:大眼仔旭 | 本文采用[BY-NC-SA]協議進行授權
文章名稱:《為你的 WordPress 網站添加個性輸入禮花及震動特效
文章固定鏈接:http://www.3x6.com.cn/activate-power.html
本站資源僅供個人學習交流,請于下載后 24 小時內刪除,不允許用于商業用途,否則法律問題自行承擔。
轉載聲明
全部評論: (2條)
  1. 沙發2019-04-15 16:21 回復
    有禮花效果嗎

發表評論

返回頂部
湖南彩票