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

虫子君 2019.4. 2122:25:50 2 695

前几天浏览网页的时候,看到一个也是使用知更鸟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">

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

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

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

虫子君

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  1   博主  1

    • avatar 杂烩网 0

      欢迎每天互访互评,本站的每评论一次排名第一覆盖全站!