新秀建站教程

非插件为自己的wordpress网站添加[活跃访客榜]

先解释一下,这个【活跃访客榜】主要是我为了方便取的名字,估计没有人知道这个功能叫什么,也没有专门的称呼;最近看到很多wp程序的博客首页都有这么一个模块,显示的是最近评论了网站访客的友情链接,这个版块展示效果如下所示;


效果展示

link-1.png
或者是这样的
link-2.png


使用说明

首先在主题发function.php文件中增加这段代码,是获取wp_comments评论表里面的评论者信息,判断的是按照url分组查询的结果显示前面最新的12条记录,代码如下:
//2018年11月14日00:05: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_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);
  
    //新功能cc添加2018年11月13日23:55:41
    foreach($sql as $vales){
  
    echo "<li><img src='https://zouaw.com/wp-content/uploads/2018/11/timg-1.gif'><a target='_blank' rel='nofollow' href=".$vales["comment_author_url"].">".$vales["comment_author"]."</a></li>";
  
 }

}

然后再首页index.php需要展示版块内容的地方添加上如下代码,样式表估计需要修改成适应自己模板的;css代码也写在了里面:

<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:900px) {.vistor{display:none}}*/
@media (max-width:900px) {
 .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://zouaw.com/wp-content/uploads/2018/11/timg-1.gif'><a target='_blank' rel='nofollow' href=https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=cb3vgkf5>阿里云主机</a></li>

<?php 
//2018年11月13日23:17:58增加的,近期发布评论的访客信息友情链接版块;
 getvisitors();
?>

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

移动pc都兼容的


原创文章,作者:馒头侠,如若转载,请注明出处:https://www.mantouxia.com/255.html
博客 | 自媒体 | 科技 | 旅游资讯类wordpress主题-Autumn
« 上一篇 01-08
Typecho HTML静态缓存插件-SaHtmlCache
下一篇 » 01-08

发表评论