<delect id="8lht3"><em id="8lht3"></em></delect>
    <delect id="8lht3"></delect>

      <sub id="8lht3"></sub><input id="8lht3"><li id="8lht3"></li></input>

          <sub id="8lht3"></sub>

            <thead id="8lht3"></thead>
            1. 當前位置: 首頁 > 教程資源 > Wordpress 教程 > 正文
              為你的 WordPress 網站添加個性輸入禮花及震動特效

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

              作者:大眼仔~旭 日期:5年前 (2018-12-07) 評論:8 條

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

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

              WordPress 輸入禮花及震動特效安裝方法:

              第一步下載 JS 文件:activate-power-mode.js(你可以點它下載),并上傳到主題的 JS 文件夾中。

              第二步安裝代碼:將以下代碼添加到主題 footer.php 文件尾部或你覺得合適的位置。

              1
              2
              3
              4
              5
              6
              <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 文件內沒有這個判斷條件的話,建議使用以下代碼:

              1
              2
              3
              4
              5
              6
              7
              8
              <?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

              聲明:大眼仔旭 | 本文采用署名-非商業性使用-相同方式共享 4.0 國際許可協議[CC BY-NC-SA]進行授權
              文章名稱:《為你的 WordPress 網站添加個性輸入禮花及震動特效
              文章固定鏈接:http://www.glob-intel.com/activate-power.html
              本站資源僅供個人學習交流,請于下載后 24 小時內刪除,不允許用于商業用途,否則法律問題自行承擔。
              轉載聲明
              全部評論: (8條)
              1. 沙發2019-04-15 16:21 回復
                有禮花效果嗎
              2. King2019-06-06 14:38 回復
                :eek: 支持,有空我也弄一個。
              3. 演繹2019-06-14 14:07 回復
                想知道站長用的什么主題搭建的wp博客
                • 大眼仔~旭2019-06-14 14:24
                  自己開發的主題。
                • 演繹2019-06-14 14:33
                  好吧,本來還想在網上下載用呢,看來不行了
              4. dliner2020-06-25 11:53 回復
                當前網站有這個效果嗎

              發表評論

              返回頂部
              免费看黄A片99,医院乱婬伦小说全集,国产蜜臀视频在线观看,又黄又爽有色的免费视频,欧美变态口味重另类在线视频
                <delect id="8lht3"><em id="8lht3"></em></delect>
                <delect id="8lht3"></delect>

                  <sub id="8lht3"></sub><input id="8lht3"><li id="8lht3"></li></input>

                      <sub id="8lht3"></sub>

                        <thead id="8lht3"></thead>