WordPress教程

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

阿里云

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

这样一来,来访的站长评论后会自动更新排位,下面也分享出修改方法。
1、将下面这段代码添加到自己主题的 function.php 文件后面:

  1. function getvisitors() {
  2.  global $wpdb;
  3.  // $query="select * from `wp_comments` where `comment_approved`=1 group by `comment_author_url` order by comment_ID DESC limit 0,12";
  4.  $query="select MAX(`comment_ID`) comment_ID ,`comment_author_url`,`comment_author` from wp_comments 
  5. where `comment_author_url`<>'' and `comment_author_url` not like '%zouaw%' and `comment_approved`='1' 
  6. group by `comment_author_url` order by `comment_ID` DESC limit 0,23;";
  7.  $sql = $wpdb -> get_results($query, ARRAY_A);
  8.  
  9.  //print_r($sql);
  10.  
  11. foreach($sql as $vales){
  12.  
  13.  echo "<li><img src='https://www.chukuangren.com/wp-content/uploads/2019/01/timg-1.gif'><a target='_blank' rel="nofollow noopener noreferrer">".$vales["comment_author"]."</a></li>";
  14.  
  15.  }
  16.  
  17. }
也想出现在这里?联系我们
创客主机

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

  1. <div class="vistor">
  2. <style> 
  3. .vistor{width:100%;margin-bottom:20px;height:auto!important;background:#fff;border:1px solid #f5f9ff;text-align:center;color:#096cb2;
  4. border:1px solid #eaeaea;border-radius:4px;}
  5. .vistor p{padding-top:4px;font-size:17px;}
  6. .vistor ul{margin-top:10px;margin-bottom:10px;font-size:13px;padding-bottom:40px;}
  7. .vistor ul li{list-style:none;float:left;margin-left:0px;margin-bottom:10px;width:16.6%;overflow:hidden;height:20px;text-align:left;}
  8. .vistor ul li img{width:20px;height:20px;margin-left:2px;margin-right:2px;}
  9. /*@media (max-width:820px) {.vistor{display:none}}*/
  10. @media (max-width:820px) {
  11.  .vistor ul li{width:25%;font-size:9px;} 
  12.  .vistor p{padding-top:4px;font-size:15px;}
  13.  
  14.  }
  15. </style>
  16.  
  17. <p><a href="/visitor-html" target="_blank" rel="noopener noreferrer">[访客榜单]-</a>每评论一次你就会自动排第一位</p>
  18. <ul>
  19.  
  20. <li><img src='/wp-content/uploads/2019/01/timg-1.gif'><a target='_blank' rel="nofollow noopener noreferrer" href="">阿里云主机</a></li>
  21.  
  22. <?php 
  23.  
  24.  getvisitors();
  25. ?>
  26.  
  27. </ul>
  28. <div style="clear: both;display:block"> </div>
  29. </div>

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

已有 366 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!