当前位置:楚狂人博客 > wordpress > 正文

作者:楚狂人

我本楚狂人,凤歌笑孔丘。

wordpress网站添加访客排行榜 实现最新评论自动排第一

wordpress建站的可扩展性真的是很强,除了有很多漂亮主题和可用插件之外。我们还可以用代码实现一些很酷的功能,最近我就发现不少博客首页都增加了一个根据访客评论自动排名的功能,或者也有的站长称为“动态友链”的,目前没有统一的名称,但是可以大幅提高访客互动的积极性。大部分站长都是用代码功能实现的。我也偷师了一下,给楚狂人博客也增加一个访客排行榜。效果如图:

wordpress网站添加访客排行榜 实现最新评论自动排第一

访客排行榜

这样一来,来访的站长评论后会自动更新排位,下面也分享出修改方法。

1、将下面这段代码添加到自己主题的function.php文件后面:

//2019年1月24日添加访客榜单
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,12";
 $query="select MAX(`comment_ID`) comment_ID ,`comment_author_url`,`comment_author` from wp_comments 
where `comment_author_url`<>'' and `comment_author_url` not like '%zouaw%' 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='https://www.chukuangren.com/wp-content/uploads/2019/01/timg-1.gif'><a target='_blank' rel='nofollow' href=".$vales["comment_author_url"].">".$vales["comment_author"]."</a></li>";
 
 }

}

2、将下面代码添加到网站首页文件中,位置可以自己选择:

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

<p><a href="/visitor-html" target="_blank">[访客榜单]-</a>每评论一次你就会自动排第一位</p>
<ul>

<li><img src='https://www.chukuangren.com/wp-content/uploads/2019/01/timg-1.gif'><a target='_blank' rel='nofollow' href=https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=0a5rig7f>阿里云主机</a></li>

<?php 

 getvisitors();
?>

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

那个转的蓝色图标是个GIF图片,大家也可以下载到本地,上传到自己网站使用!

wordpress网站添加访客排行榜 实现最新评论自动排第一

未经允许不得转载:

作者:楚狂人, 转载或复制请以 超链接形式 并注明出处 楚狂人博客
原文地址:《wordpress网站添加访客排行榜 实现最新评论自动排第一》 发布于2019-01-24

分享到:
赞(2) 打赏

评论 7

7 + 1 =
  1. #4

    为什么我的那个蓝色小头像,不是跟你的一样在字体的中间,而且飘在字体上半部分呢??请问该如何调整。。我通过缩小蓝色小图标,但是实际放大效果还是不理想。。

    wordpress百宝箱5个月前 (03-21)回复
  2. #3

    我想改为只显示头像 但是不会搞23333

    nice6个月前 (02-11)回复
  3. #2

    not like ‘%zouaw%’ 麻烦修改一下function里的这个呢,zouaw改成zouawcom吧,或者其他,现在首页把我自己的给屏蔽不显示了

    wordpress建站吧7个月前 (01-29)回复
  4. #1

    额,转我的也没注明下来源

    wordpress建站吧7个月前 (01-28)回复
    • 呃,抱歉抱歉,这个放在草稿后发布的,疏忽了,稍后加上哈

      楚狂人7个月前 (01-29)回复
wordpress网站添加访客排行榜 实现最新评论自动排第一

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阿里云8月爆款活动

云服务器全场2折起,活动期间,用户通过本活动页面购买指定云产品,可享受相应的优惠折扣同一用户限购1单。

了解一下

切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册