英雄榜单

发现了一个好玩的功能：“英雄榜单 - 每评论一次你就会自动排在前面”，在此分享一下详细的操作步骤。

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 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博客已经取消了英雄榜，目的是将博客重心放在内容建设上。好的内容，自然会有读者评论。