WordPress教程

WordPress 评论框添加一言随机语录

也想出现在这里?联系我们
创客云

WordPress 评论框添加一言随机语录
WordPress 给博客评论框添加一言随机语录,很早前就在很多博客网站看到了这个每日一句、随机语录等经典语句功能,其实我是非常想要加上这个功能的(功能控~~),但是担心影响访问速度,就一直没开启集成工作。简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。现在发现全是想多了,这个耗不了多少性能,一言 API 的速度还是非常棒的,对加载速度的影响基本可以忽略;另外,一言应该不会这么轻易放弃吧;再退一步讲,就算她放弃了,也还是有很多其他备用 API 的,或者启用张戈给的本地解决方案,实在不行,就去掉这个功能咯,也没啥大不了~

代码步骤

在 header、footer 等位置添加以下代码:

也想出现在这里?联系我们
创客主机
  1. <script>
  2.  $.getJSON("https://api.yum6.cn/yan.php?format=json",function(data){ 
  3.  $("#comment").text(data.text);
  4.  });
  5.  $(function(){
  6.  $("#comment").click(function() {
  7.  $(this).select();
  8.  })
  9.  })
  10. </script>

如果你的评论框 id 不是 comment,则需要修改,首先右键评论框-审查元素-查看 id 或者 class,选其一即可,之后把获取的 id 或者 class 替换到上述代码中的#conment。该 js 需要引入 jquery 库,如果未能正常显示请注意是否成功引入 jquery 库或者是否成功匹配评论框 id 或者 class 值。部署完成之后,前台刷新应该就可以看到效果了,每次刷新都会随机展示一言经典句子。

收藏
(4)

本文由 云模板 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

发表回复

热销模板

Hub - 响应式可视化编辑企业官网WordPress汉化模板

Envato

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!

请扫码添加QQ好友后咨询!