Typecho添加评论等级标识

学习笔记 · 03-31 11:01

在你的Typecho博客中,通过添加评论等级标识,可以让评论更生动有趣。通过编辑主题文件,添加一个用于确定评论者等级的函数,并在评论者信息处显示相应的标识,比如金牌、银牌或普通评论者。这样一来,读者就可以更直观地了解哪些评论者更活跃、更受欢迎了!

效果展示

2024-03-31T02:58:27.png

具体操作

1.复制代码

将以下js代码复制到主题目录下的 functions.php 文件中最底部位置。

/**输出评论者等级*/
function dengji($i){
$db=Typecho_Db::get();
$mail=$db->fetchAll($db->select(array('COUNT(cid)'=>'rbq'))->from('table.comments')->where('mail = ?', $i)->where('authorId = ?','0'));
foreach ($mail as $sl){
$rbq=$sl['rbq'];}
if($rbq<1){
echo '<span class="commentapprove" style="color: #FFF;padding: .05rem .25rem;font-size: 8px;border-radius: 3px;background-color:#2bbc8a;margin-left:-10px;" >博主</span>';
}elseif ($rbq<3 && $rbq>=1) {
echo '<span class="commentapprove" style="color: #FFF;padding: .05rem .25rem;font-size: 8px;border-radius: 3px;background-color:#ccc;margin-left:-10px;" >陌生人</span>';
}elseif ($rbq<9 && $rbq>=3) {
echo '<span class="commentapprove" style="color: #FFF;padding: .05rem .25rem;font-size: 8px;border-radius: 3px;background-color:#666;margin-left:-10px;" >点头之交</span>';
}elseif ($rbq<27 && $rbq>=9) {
echo '<span class="commentapprove" style="color: #FFF;padding: .05rem .25rem;font-size: 8px;border-radius: 3px;background-color:#666;margin-left:-10px;" >酒肉朋友</span>';
}elseif ($rbq<81 && $rbq>=27) {
echo '<span class="commentapprove" style="color: #FFF;padding: .05rem .25rem;font-size: 8px;border-radius: 3px;background-color:#999;margin-left:-10px;" >互相认同</span>';
}elseif ($rbq<100 && $rbq>=81) {
echo '<span class="commentapprove" style="color: #FFF;padding: .05rem .25rem;font-size: 8px;border-radius: 3px;background-color:#999;margin-left:-10px;" >交情莫逆</span>';
}elseif ($rbq>=100) {
echo '<span class="commentapprove" style="color: #FFF;padding: .05rem .25rem;font-size: 8px;border-radius: 3px;background-color:#336699;margin-left:-10px;" >生死之交</span>';
}
}

2.引用代码

将以下php代码复制到主题目录下的 comments.php 文件中。
(位置参考:comments.php 文件中第49行左右,位置可能有偏差,根据你的实际情况进行微调即可)。

此处内容作者设置了 回复 可见

这里顺便做个 Jasmine 主题的首个回复可见测试😂

3.最终效果还要根据你的实际情况进行微调哦。

完!

Typecho 评论 组件 优化

上一篇 : 关于优酷视频变相乱收费这件事

下一篇 : Typecho语法调用合集


  1. 1620830244   访客
    07-13 08:46 第27楼 中国天津市电信Windows 10 · Google Chrome

    评论区做的很漂亮

    1. 刘郎   博主
      07-13 09:09 第28楼 中国贵州省移动iPhone · Safari
      @1620830244

      谢谢

  2. 07-03 21:15 第25楼 中国福建省移动Windows 10 · Google Chrome

    我也加一个试试看

    1. 刘郎   博主
      07-03 21:37 第26楼 中国移动iPhone · Safari
      @三毛笔记

      挺有意思的 去试试吧

  3. 老罗   Lv1
    06-24 17:19 第21楼 中国广东省汕尾市海丰县电信Windows 10 · QQ Browser

    来看看

    1. 刘郎   博主
      06-24 18:16 第22楼 中国移动iPhone · Safari
      @老罗

      可以弄一个的😎

      1. 老罗   Lv1
        06-25 16:22 第23楼 中国广东省联通Android · Google Chrome
        @刘郎

        已弄上了,酒肉朋友🍺

        1. 刘郎   博主
          06-25 16:24 第24楼 中国移动iPhone · Safari
          @老罗

          哈哈 看到了👍

  4. Mcenahle   访客
    06-01 16:16 第19楼 中国上海市长宁区电信Windows 10 · Google Chrome

    我看看能不能用在我的网站上

    1. 刘郎   博主
      06-01 16:17 第20楼 中国贵州省移动iPhone · Safari
      @Mcenahle

      😎

  5. I'M代代付   访客
    05-29 11:39 第17楼 中国贵州省贵阳市移动E视通Windows 10 · QQ Browser

    找了好久这玩意~哈哈谢谢

    1. 刘郎   博主
      05-29 12:04 第18楼 中国移动iPhone · Safari
      @I'M代代付

      食用愉快😎,欢迎常来

  6. 潇湘   访客
    05-19 19:38 第15楼 中国福建省泉州市联通Windows 10 · Google Chrome

    这个看上去很不错,拿去试试

    1. 刘郎   博主
      05-19 20:09 第16楼 中国移动iPhone · Safari
      @潇湘

      的确很不错😎

  7. 时光日志   访客
    04-12 14:51 第13楼 中国新疆石河子市电信Windows 10 · Google Chrome

    这个挺好的

    1. 刘郎   博主
      04-12 14:55 第14楼 中国贵州省移动Windows 10 · QQ Browser
      @时光日志

      😊

  8. ecblack   访客
    04-11 13:55 第12楼 中国福建省泉州市电信Windows 10 · Google Chrome

    学习

  9. 04-06 09:31 第9楼 中国福建省宁德市电信Windows 10 · Google Chrome

    回复可见有教程嘛?还有人机验证。哈哈哈

    1. 刘郎   博主
      04-06 10:07 第10楼 中国移动iPhone · Safari
      @湘铭呀!

      回复可见 看1楼的评论。
      至于人机验证嘛…😂要理解,哈哈

  10. 04-06 09:29 第8楼 中国福建省宁德市电信Windows 10 · Google Chrome

    学习

    1. 刘郎   博主
      04-06 10:08 第11楼 中国移动iPhone · Safari
      @湘铭呀!

      欢迎欢迎!

| 黔ICP备2024020400号-1 | 萌ICP备20246777号 | | 当前有 3 人在线 |
本站已加入BLOGS·CN
yjvc.cn
yjvc.cn
博友圈 星球穿梭
开往-友链接力