html代码:

<div class="row visible-lg visible-md">
<div class="col-lg-12">
<div class="panel panel-default ggg">
    <div class="panel-heading">
        <i class="glyphicon glyphicon-th"></i> 每评论一次就会自动排在本栏目第一位
    </div>
    <div class="panel-body row autofirst1">
        <?php Autofirst(100) ?>
    </div>
</div>
</div>
</div>

html代码位置(我是放在index.php的这里,跟上次不一样):

QQ截图20180816104245.png

css代码(把旧的删掉,换新的):

.autofirst1 .item{
    padding:5px 10px
  }
.overflow{
      overflow:hidden;
    white-space: nowrap;
    word-wrap: normal;
  }
.autofirst1{
    padding:10px 20px
  }

functions.php(把我上次发的旧版的代码删掉,换新的):

function Autofirst(){
    $db = Typecho_Db::get();
    $query = $db->select()->from('table.comments')->where('authorId = ?','0')->order('coid',Typecho_Db::SORT_DESC)->limit(100);
    $result = $db->fetchAll($query);
    $arrUrl = array();
    $arrAuthor = array();
    foreach ($result as $value) {
        if($value["url"]!==null){
            array_push($arrUrl,$value["url"]);
            array_push($arrAuthor,$value["author"]);
        }
    }
    $su=array_filter(array_merge(array_unique($arrUrl)));
    $sa=array_filter(array_merge(array_unique($arrAuthor)));
    $num=0;
    for($i=0;$i<count(array_unique($su));$i++){
        if($su[$i]!=="" && $num<8){
            $num+=1;
            $db1 = Typecho_Db::get();
            $query1 = $db1->select()->from('table.comments')->where('url = ?',$su[$i])->order('coid',Typecho_Db::SORT_DESC)->limit(100);
            $result1 = $db1->fetchAll($query1);
            $arrAuthor1 = array();
            foreach ($result1 as $value) {
                    array_push($arrAuthor1,$value["author"]);
            }
            echo '<div class="col-lg-3 col-md-3 item"><a href="'.$su[$i].'" rel="external nofollow" class="btn btn-default btn-block overflow" target="_blank">'.$arrAuthor1[0].'</a></div>';
        }
    }
}

显示用户个数调节:functions里的“num<8”的8就是显示数量,推荐为4的倍数。


我目前用着暂时没出现问题,如果大家使用过程中出现问题请在下面评论区留言帮忙反馈一下。

如果需要将按钮圆角处理,可以加上这个样式:

.item a{border-radius:10px}

注意:这次的html代码位置跟上次的不一样,这次是放到<div class="wrapper-md" id="post-panel">这个div里面,或者你们想放哪都行,我只是这觉得这样好看点。
如果你用的不是handsome主题,代码也可以用,不过样式要自己重新写。
旧版本传送门:https://liangxingjian.com/archives/242
wordpress版本传送门:https://boke112.com/1074.html

标签: Typecho

已有 34 条评论

  1. 低调 低调

    这个功能不错,不过如果你没有填写网站地址就不会显示在上面的。。。有解吗?

    1. 这个功能是设计给填写了网站地址的评论者的,没想过要改。

  2. ZBLOGPHP的哪位高手能搞一个粗来呢!

    1. zblog我只用了几天就没再用过了,在那里找不到喜欢的主题

  3. 最近好像很多人喜欢这个功能

    1. 大家都喜欢评论多的感觉 ::aru:insidious::

  4. 听说留言就能上首页,我也来试试

  5. 学习了记住了

  6. 个人博客这个功能还是蛮实用的!

  7. 自己突发发现,满天下都是要做评论自动排第一位23333

    1. 看来大家都很喜欢这个功能啊 ::aru:cheer::

  8. 这功能不错,能够激励用户参与互动,增加活跃度。

    1. 能让用户更乐意地留下评论 ::aru:pouting::

  9. 嘿嘿,我也用上了!欢迎大家都来评论哦!(☆ω☆)

  10. 哈哈,这个标题好

  11. 久日未用此主题,功能似增多。

    1. 功能并没增加太多,目前貌似只增加了个相册 ::aru:lurking::

  12. WordPress的没css样式,啊啊啊

    1. 自己动手,丰衣足食 ::aru:insidious::

  13. 又折腾0.0

    1. 闲的时候就是喜欢瞎折腾 ::aru:pouting::

  14. [secret]大佬,我偷偷发给你,因为你的邮箱我这边发不过去 https://www.h-best.cn/usr/themes/handsome/assets//css/mogai/mogai.css?v=4.4.120180701901[/secret]

    1. [secret]其实,我不需要这个的。。我是想说的是,把css分享出来给有需要的人。。我写有自己的,不怎么需要这个,不过还是谢谢你[/secret]

      1. [secret]我不知道应不应该公布,毕竟不是我写的,其实我也想公布出来[/secret]

        1. 那就先留着自己用吧OωO

  15. 如何将直角改为圆角呢?

    1. 加上这个样式
      .item a{border-radius:10px}

  16. 不错,我去试试去!多谢分享哦!

    1. 不客气,好东西就要分享嘛OωO

      1. 不错,真心好赞!我用上了已经!

        1. 嘿嘿,用上了就好|´・ω・)ノ

  17. 貌似能显示的变少了,嘿嘿

    1. 能调节的 ::aru:insidious::

添加新评论