知更鸟begin主题首页添加最新评论自动排第一模块

前几天浏览网页的时候，看到一个也是使用知更鸟begin主题的网站，上面有一个模块，虫子君是非常的喜欢。是一个可以自动将评论排在第一位的模块，而且还可以在首页显示，这点领虫子君情有独钟，之前逛诗梦博客的时候，也看到这样子的一个功能，不过不知道怎么实现的。

今天不小心逛到了“久伴”博客的时候，看到了这样子功能实现的方法。

从侧面分析一下，有这样子的功能，能够为我们的网站带来什么样子的好处，其中一点就是能够增加用户访问你网站的活跃度，为啥这样子说呢，

你想哈，用户评论了之后，只要他评论的时候，有添加自己网站首页的链接，那么这个功能，就相当于留下了自己的足迹，能够获得别人的网站的流量。

不过从不好的一方面来说的话，这样子也是一个不好的问题，就是增加了网页的跳出率。

不管是好坏吧，总的来说人生的苦与乐都在于你的折腾，不折腾怎么就知道下一个风口会不会就在你的脚下呢。

好了废话不多说，现在开始这边博文的主题。（以下代码原创于“久伴博客”）

第一步；主题functions.php文件中添加PHP功能

打开begin主题目录找到“functions.php”添加以下代码,只要你位置没添加错,报错不存在的添加在最后即可。（2019新版的主题）

//最新评论排第一
function jiub($af){
    global $wpdb;
    $queryaf="select comment_author, comment_author_url, comment_date from $wpdb->comments where comment_ID in (select max(comment_ID) from $wpdb->comments where comment_approved='1' and comment_author_url !='' and user_id='0'  GROUP BY comment_author_email)  ORDER BY comment_date DESC LIMIT $af";
    $wally = $wpdb->get_results($queryaf);
    foreach ($wally as $commentaf){
        $tmpy= "<li><i class=\"fa fa-spinner fa-pulse\"></i><a target=\"_blank\" href=\"".$commentaf->comment_author_url."\">".$commentaf->comment_author."</a></li>";
        $outputy .= $tmpy;
    }
    $outputy = "<ul>".$outputy."</ul>";
    echo $outputy ;
}

第二步放入CSS样式代码

打开“begin”主题目录的“cms”文件夹,找到 “cms-news.php” 打开之后，大概在中间的位置，找到“<?php if( ! defined ( ' ABSPATH) )  {exit:}  ?>”这一句代码。将以下“CSS”样式代码丢到“<?php if( ! defined ( ' ABSPATH) )  {exit:}  ?>”的上面。（别丢错了！！！！）

!-- 最新文章 -->
 
<style> 
.jiub{width:100%;margin-bottom:10px;height:auto!important;background:#fff;border:1px solid #f5f9ff;text-align:center;color:#096cb2;
border:1px solid #eaeaea;border-radius:4px;}
.jiub p{padding-top:4px;font-size:17px;}
.jiub ul{margin-top:10px;margin-bottom:10px;font-size:13px;padding-bottom:40px;margin-left: 36px;}
.jiub ul li{list-style:none;float:left;margin-left:0px;margin-bottom:10px;width:16.6%;overflow:hidden;height:23px;text-align:left;}
.jiub ul li img{width:20px;height:20px;margin-left:2px;margin-right:2px;}
 
/*@media (max-width:820px) {.vistor{display:none}}*/
@media (max-width:820px) {
 .jiub ul li{width:25%;font-size:9px;} 
 .jiub p{padding-top:4px;font-size:15px;}
 }
  .jiub i{
  color:#000000;
    margin-right:6px;
  }
</style>
 
<div class="jiub">
<p>新评论将会排列第一</p>
    <?php jiub(24); ?>
 
  <div style="clear: both;display:block"> </div>
  </div>

第三步；引入CSS样式

打开主题根目录的footer.php文件将以下代码放入到其他引入css文件旁边即可（可以放在下面，也可以放在上面）

1. <link href="你的网址/wp-content/themes/begin/css/font-awesome.css" rel="stylesheet">

好了，完成了这些那么这个功能就可以实现了。在这里非常的感谢“久伴”实现了这样子的功能，

今天的博文到此结束，期待下一个瞬间的怦然心动。。。。。。

我是虫子君，一个自命不凡的翩翩少年.............