如何给WordPress博客主题网站添加评论输入特效

我不知道你是否注意到了boke112导航的评论输入效果。虽然很多博主说它看起来太花哨但不太好,但boke112认为这种特殊效果非常好,值得推荐。毕竟,它可以让我们变得单调乏味。审查过程为生活增添了一点色彩。请评论输入效果的具体效果。

也有博客认为添加这种特殊效果会降低打开网页的速度。事实上,如果我们的网站放置在中国,或者如果CDN或缓存插件已被使用,它是无关的JS代码,这些KB的,所以不用太担心。更多,喜欢使用它。

八卦没什么可说的,这里是如何在WordPress博客网站上添加评论以输入特效:

1、下载activate-power-mode.js文件(压缩,仅5.18KB),并上传到主题的JS文件夹(例如,奈,上传WP-contentthemesNanajs)。

特效代码文件

  1. <script src=”<?php bloginfo(‘template_directory’); ?>/js/activate-power-mode.js “></script>
  2. <script>
  3. POWERMODE.colorful = true;
  4. POWERMODE.shake = false;
  5. document.body.addEventListener(‘input’, POWERMODE);
  6. </script>

2、将以下代码添加到主题的footer.php文件适当的位置

因为评论时,为了不加载这些JS文件此输入效果时才有用,建议判断添加到代码页或页面,然后加载代码。

8月23日更新

PS:有很多博主说,谁在移动侧打字的时候这个打字效果是特殊的,所以我们可以认为移动终端不显示这种效果,只显示在PC端打字效果。实践是在步骤2中向JS添加判断,具体修改如下:

  1. <?php if (is_single() || is_page() ) { ?>
  2. <script src=”<?php bloginfo(‘template_directory’); ?>/js/activate-power-mode.js “></script>
  3. <script>
  4. POWERMODE.colorful = true;
  5. POWERMODE.shake = false;
  6. document.body.addEventListener(‘input’, POWERMODE);
  7. </script>
  8. <?php }?>

如果所使用主题的footer.php文件中没有此类条件,则建议使用以下代码:

如果你已经有条件代码&lt;?php if(is_single()|| is_page()){?&gt ;,只需将第二步中的代码添加到它。

注意:如果第一次上载的路径不在JS文件夹中,请记住在第二步中引用activate-power-mode.js文件时修改路径。

重要声明

本文所使用的.js文件、代码及方法均来自闲鱼博客分享的《WordPress优化:给博客添加评论输入特效》这篇文章,本文仅对 activate-power-mode.js 文件进行压缩,从原来的9.29KB压缩成5.18KB,并把步骤具体化而已。

人已赞赏
WP实用教程

WordPress网站默认wp-content/uploads上传文件路径修改方式

2019-3-24 17:01:41

WP实用教程

wordpress教程自定义欢迎邮件 - wordpress开发

2019-3-27 13:17:49


版权免责声明

本资源仅用于个人学习测试使用,禁止用于任何商业环境,请于下载后24小时内 删除本资源!

本文所有相关技术/资源内容统一放在下载包里

  1. 1、本网站名称:指点聚源码
  2. 2、本站永久网址:https://www.zhidianju.com
  3. 3、站内所有资源均可通过日常签到等任务进行免费兑换,记得每日来本站签到哦~!(由于模板不是很完善签到 需刷新一下!)。
  4. 4、如果您觉得本站有帮助到您,也想给本站一些帮助。您可以再下方打赏本站。
  5. 5、如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
  6. 6、本站资源来源于互联网收集/个人购买,如有侵犯到您的权益,请查看【版权声明】
  7. 7、本站提供的所有资源均来自互联网搜索,站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁 止用于任何商业环境,任何人不得擅作它用,否则后果自负!请在下载24小时内删除!为尊重作者版权,请购买原版作品,支 持你喜欢的作者,谢谢!
  8. 8、本站资源大多存储在云盘,如发现链接失效 【链接失效】 我们会第一时间更新。本站提供的源码、模板、软件工具等其他资源, 都不包含技术服务 请大家谅解!
  9. 9、如遇到加密压缩包,默认解压密码为"www.zhidianju.com",如遇到无法解压的请联系管理员!
  10. 10、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索