梁兴健

“评论自动排第一”新样式,handsome专用。。。
html代码:<div class="row visible-lg visible-md"...
扫描右侧二维码阅读全文
16
2018/08

“评论自动排第一”新样式,handsome专用。。。

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

最后修改:2018 年 09 月 18 日 07 : 55 PM

发表评论

31 条评论

  1. 暗潮

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

    1. 梁兴健
      @暗潮

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

  2. boke112导航

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

    1. 梁兴健
      @boke112导航

      大家都喜欢评论多的感觉

  3. B站

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

  4. 学习了记住了

  5. 千眼网

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

  6. 银色月航

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

    1. 梁兴健
      @银色月航

      看来大家都很喜欢这个功能啊

  7. 爆读

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

    1. 梁兴健
      @爆读

      能让用户更乐意地留下评论

  8. 吃货小栈

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

  9. 塑胶跑道

    哈哈,这个标题好

  10. 芭比

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

    1. 梁兴健
      @芭比

      功能并没增加太多,目前貌似只增加了个相册

  11. 青山

    WordPress的没css样式,啊啊啊

    1. 梁兴健
      @青山

      自己动手,丰衣足食

  12. nice

    又折腾0.0

    1. 梁兴健
      @nice

      闲的时候就是喜欢瞎折腾

  13. 清楼小筑
    该评论仅登录用户及评论双方可见
    1. 梁兴健
      @清楼小筑
      该评论仅登录用户及评论双方可见
      1. 清楼小筑
        @梁兴健
        该评论仅登录用户及评论双方可见
        1. 梁兴健
          @清楼小筑

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

  14. 明月登楼

    如何将直角改为圆角呢?

    1. 梁兴健
      @明月登楼

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

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

    1. 梁兴健
      @明月登楼学习笔记Blog

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

      1. @梁兴健

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

        1. 梁兴健
          @明月登楼学习笔记Blog

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

  16. 日本地铁

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

    1. 梁兴健
      @日本地铁

      能调节的