评论区增加个夸夸功能

夸夸功能替代传统的评论一言,将它们分开使用,先看看效果图,再考虑使用不使用!

演示:

图片[1]-评论区增加个夸夸功能-GOdou社区

CSS代码:

  • css代码我已经打包好了,你们下载放到哪都行,只要你们知道路径,或者把css代码拿出来放到你想放的地方!
  • css代码放好后记得在下面的functions代码修改第一行的css路径,不改的无法使用
  • 在下面的<link rel="stylesheet" type="text/css" href="https://www.godoublog.com/css/kuakua.css">这一段里面的地址,改成你放的css代码路径地址

Funcitons代码

代码放到Wordpress主题里的functions.php里方便,哪怕再更新也不怕代码该放到哪!老规矩评论拿代码,拒绝白嫖!

下面这个链接是夸人的随机句子API,你们可以修改成你们的,也可以用我的!
https://www.godoublog.com/api/kuakuaapi.php?code=yiyan

下面的svg是图标需要图标库的链接
<svg class="icon" aria-hidden="true"><use xlink:href="#icon-_guli_rentong"></use></svg><span class="hide-sm">夸夸</span>

本地图标链接:(这段代码在下面的代码第四行里,上传了附件里的js后记得修改地址哦!)
<script src="//www.godoublog.com/font/iconfont.js"></script>

这里只是指出,并不需要做什么,重要的还是下面那个functions代码!

comments代码

  • 前面functions代码里已经添加代码了,这里只需要添加进comments文件里面即可!
  • 路径/wp-content/themes/zibll/template/comments.php里87行处添加代码
<!--夸夸功能开头--><?php kuakua()?><!--夸夸功能结尾-->
图片[2]-评论区增加个夸夸功能-GOdou社区

结语

到这就已经完成了,可以去评论区测试了,不懂再问!

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论区增加个夸夸功能-GOdou社区
评论区增加个夸夸功能
此内容为付费资源,请付费后查看
50积分
绿色认证
人工核验
付费资源
已售 133
发表回复 共3条

请登录后发表评论

      • Ethan的头像-GOdou社区Ethan徽章-签到达人Lv5-GOdou社区等级-LV10-GOdou社区作者0