wordpress网站添加英雄榜(访客排行)最新评论排第一

原创 浪子丶刘少  2019-04-07 16:30  阅读 3,406 次 评论 14 条 百度已收录

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

访客评论排行榜

访客评论排行

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

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

//添加访客榜单https://www.ezliushao.com
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.ezliushao.com/wp-content/themes/Nana/images/timg-1.gif'><a target='_blank' rel='nofollow' href=".$vales["comment_author_url"].">".$vales["comment_author"]."</a></li>";
 }

}

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

<!-- 访客榜单开始https://www.ezliushao.com -->
<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:25px;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.ezliushao.com/wp-content/themes/Nana/images/timg-1.gif'>
<a target='_blank' rel='nofollow' href='https://www.ezliushao.com/'>刘少技术博客</a></li>
<?php 
 getvisitors();
?>
</ul>
<div style="clear: both;display:block"> </div>
</div>
<!-- 访客榜单结束  -->

其他说明:

  • 一般情况下你的首页文件为主题目录的index.php
  • 如果在不是index.php,也会在其中调用其他php文件
  • 如果出现兼容性问题,或者文字不能居中图片中间,请添加下面一行样式至<style>标签对中:
.vistor ul li img{position:relative;top:5px}
本文地址:https://www.ezliushao.com/76.html
加入我们:请加入刘少技术博客交流群:扫描二维码刘少技术博客的QQ交流群 | 浪子丶刘少 QQ:1150110267(注:微信暂停添加好友)
版权声明:本文为原创文章,版权归 浪子丶刘少 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. 杂烩网
    杂烩网 【新手】 @回复

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

  2. wordpress建站吧
    wordpress建站吧 【先天】 @回复

    额,sql语句是不是有zoua,,感觉把我屏蔽了呢?

  3. MAY的SEO博客
    MAY的SEO博客 【新手】 @回复

    不错哟,这么快就用上了。

  4. 弥雅尔尔
    弥雅尔尔 【筑基】 @回复

    这个挺有意思的,赞!

  5. wordpress百宝箱
    wordpress百宝箱 【新手】 @回复

    在我的博客里,一个修改过的可以在begin上正常显示的代码,可以去看一下,你的这个访客榜显示不正常,主要是那个蓝色小光标。。。

  6. 投资巴士
    投资巴士 【新手】 @回复

    学习了,好啊 ,弄个这个不错!

  7. wordpress百宝箱
    wordpress百宝箱 【新手】 @回复

    你的排行榜在哪里啊