当前位置:空木白博客 > WordPress > 正文
空木白

作者:空木白

手机扫码查看

WordPress博客输入框添加特效

分享给大家 WordPress 博客网站添加评论输入特效的办法,虽然有很多博主说看起来太花俏不太好,不过我倒是认为这个特效还是挺不错的,值得推荐,毕竟它可以给我们枯燥单调的评论过程增加一点点色彩生机。

WordPress博客输入框添加特效

首先下载 activate-power-mode.js 文件[文章回复可见]

上传到主题的 JS 文件夹中(如 Nana 为例主题,就上传位置 wp-content-themes-Nana-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;
POWERMODE.shake = false;
document.body.addEventListener('input', POWERMODE);
</script>
<?php }?>

因为这个输入特效只有在评论的时候有用,所以为了不乱加载这些 JS 文件,建议给这些代码加一个判断是否为文章页或页面,是的话才加载这些代码。

 

抱歉,隐藏内容 回复 后刷新可见
 您阅读这篇文章共花了: 
未经允许不得转载:

作者:空木白, 转载或复制请以 超链接形式 并注明出处 空木白博客
原文地址:《WordPress博客输入框添加特效》 发布于2018-12-21

分享到:
赞(0) 打赏

评论 6

评论前必须登录!

  注册

  1. #6

    COOL!!!太好看了

    Raven2个月前 (05-06)来自天朝的朋友 谷歌浏览器 Windows 10 辽宁省沈阳市 鹏博士长城宽带
  2. #5

    好看

    .3个月前 (04-25)来自天朝的朋友 QQ浏览器 Windows 10 浙江省温州市 移动
  3. #4

    学习

    mondayice3个月前 (04-08)来自天朝的朋友 谷歌浏览器 Windows 10 山东省临沂市 联通
  4. #3

    赞,很好的学习博客

    Kesha3个月前 (04-06)来自天朝的朋友 QQ浏览器 Windows 10 贵州省贵阳市 联通
  5. #2

    66666,看看

    神秘人ぴ6个月前 (01-10)来自天朝的朋友 谷歌浏览器 Windows 10 河南省商丘市 移动
  6. #1

    好啊啊啊啊啊啊啊啊啊啊啊啊啊啊

    橙子6个月前 (01-09)来自天朝的朋友 QQ浏览器 Windows 10 广东省广州市 电信

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

隐藏
变装
EA PLAYER &

历史记录 [ 注意:部分数据仅限于当前浏览器 ]清空

      00:00/00:00
      切换注册

      登录

      忘记密码 ?

      您也可以使用第三方帐号快捷登录

      Q Q 登 录
      微 博 登 录
      切换登录

      注册