WordPress博客输入框添加特效

释放双眼,带上耳机,听听看~!

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

演示

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

上传到主题的 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 文件,建议给这些代码加一个判断是否为文章页或页面,是的话才加载这些代码。

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
登陆后免费下载登录 小黑屋反思中,不准下载! 请先登陆登录 评论后刷新页面下载评论 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您有每天免费下载所有资源次的特权,今日剩余 已取得下载权限

为TA充电
人已充电
Wordpress

WordPress使用CDN后显示真实IP地址

2020-4-8 21:09:47

Wordpress网站优化

WordPress 解决后台打开速度慢的问题

2020-4-11 22:19:09

12 条回复 A文章作者 M管理员
  1. wangtao

    棒棒哒

  2. 张谦

    得得得嘎嘎嘎 ✗酷酷的✗

  3. 焦绿男孩

    111111111

  4. lincaifeng

    1111

  5. 我欲随风

    这个就很厉害了

  6. 六速博客

    文章最后说的建议博主一起弄了再发出来

    • 空木白

      这是以前的模板 这个模板没弄!

  7. 周2730

    支持啊,谢谢啊

  8. JasonLee

    支持啊,谢谢啊?

  9. ●

    爱死了

  10. 胖虎5347

    666

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索