用夸夸
功能替代传统的评论一言,将它们分开使用,先看看效果图,再考虑使用不使用!
演示:
![图片[1]-评论区增加个夸夸功能-GOdou社区](https://www.godoublog.com/wp-content/uploads/2023/02/火狐截图_2023-02-18T17-01-43.501Z.png)
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社区](https://www.godoublog.com/wp-content/uploads/2023/02/火狐截图_2023-02-18T17-04-00.121Z-1024x255.png)
结语
到这就已经完成了,可以去评论区测试了,不懂再问!
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容