英雄榜单 – 每评论一次你就会自动排在前面

发现了一个好玩的功能：“英雄榜单 - 每评论一次你就会自动排在前面”，在此分享一下详细的操作步骤。文章源自MAY的SEO博客-https://may90.com/building/hero.html

文章源自MAY的SEO博客-https://may90.com/building/hero.html

Step 1. 增加代码至functions.php

将下面的一段代码添加至functions.php的最下方，系统会自动调取最新前23个评论记录。具体多少个记录可以自行修改。

//英雄榜单：每评论一次你就会自动排在前面
function getvisitors() {
    global $wpdb;
   // $query="select * from `wp_comments` where `comment_approved`=1 group by `comment_author_url` order by comment_ID DESC limit 0,23";
    $query="select MAX(`comment_ID`) comment_ID ,`comment_author_url`,`comment_author` from wp_comments 
where `comment_author_url`<>'' and `comment_approved`='1'  
group by `comment_author_url` order by `comment_ID`  DESC limit 0,23;";
    $sql = $wpdb -> get_results($query, ARRAY_A);
  
    //print_r($sql);
  
   
    foreach($sql as $vales){
  
    echo "<li><img src='hthttps://may90.com/wp-content/uploads/2019/02/timg-1.gif'><a target='_blank' rel='nofollow' href=".$vales["comment_author_url"].">".$vales["comment_author"]."</a></li>";
  
 }

}

Step 2. 在要展示的版块内容地方添加代码

May使用的是Begin主题，想要展示在banner的下方，所以直接在htdocs/wp-content/themes/begin/template/slider.php最下方添加一下代码。

<div class="visitor">
<style>    
.visitor{width:100%;margin-bottom:10px;height:auto!important;background:#fff;text-align:center;color:#096cb2;
border:1px solid #ddd;border-radius:2px; padding-left: 20px;}
.visitor:hover {
    border: 1px solid #f2a900;
}
.visitor p{padding-top:4px;font-size:17px;}
.visitor ul{margin-top:10px;margin-bottom:10px;font-size:12px;padding-bottom:40px;}
.visitor ul li{list-style:none;float:left;margin-left:0px;margin-bottom:10px;width:16.6%;overflow:hidden;height:24px;text-align:left;}
.visitor ul li img{width:20px;height:20px;margin-left:2px;margin-right:2px;}
/*@media (max-width:900px) {.visitor{display:none}}*/
@media (max-width:900px) {
 .visitor ul li{width:25%;font-size:9px;} 
 .visitor p{padding-top:4px;font-size:15px;}
 
 }
</style>

<p>[英雄榜单] - 每评论一次你就会自动排在前面</p>
<ul>

<li><img src='https://may90.com/wp-content/uploads/2019/02/timg-1.gif'><a target='_blank' href=https://may90.com>MAY的SEO博客</a></li>

<?php 
 getvisitors();
?>

</ul>
<div style="clear: both;display:block"> </div>
</div>

经测试发现，电脑端和手机端均能正常显示。欢迎大家踊跃评论哟，你每评论一次就会自动展示在最前面哦。

2019年5月24日补充：MAY的SEO博客已经取消了英雄榜，目的是将博客重心放在内容建设上。好的内容，自然会有读者评论。