wordpress读者墙血条版-感谢无冷大湿
分类：折腾日期：2011-06-21 - 19:53:02评论：43条作者：老谢
参考地址：http://icold.me/readerswall-blood/
今天把读者墙折腾出来了，演示http://www.xj123.info/readerswall
感谢@无冷大湿
css部分如下：
#readerswall li{width:40px;height:46px;margin:0 10px 10px 0;padding:5px; float:left;list-style:none;border: 1px solid #DFDFDF; -moz-border-radius:2px;-khtml-border-radius: 2px; -webkit-border-radius: 2px;border-radius: 2px;} #readerswall img{width:40px;height:40px;display:block;} #readerswall .active-bg{width:40px;height:2px;_font-size:0;margin-top:5px;background:#DFDFDF; } #readerswall .active-degree{background:#08c;width:40px;height:2px;_font-size:0;} |
页面模板代码：
<?php
$query="SELECT COUNT(comment_ID) AS cnt, comment_author, comment_author_url, comment_author_email FROM (SELECT * FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->posts.ID=$wpdb->comments.comment_post_ID) WHERE comment_date > date_sub( NOW(), INTERVAL 24 MONTH ) AND user_id='0' AND comment_author_email != '这里填admin的email，不显示该email的头像' AND post_password='' AND comment_approved='1' AND comment_type='') AS tempcmt GROUP BY comment_author_email ORDER BY cnt DESC LIMIT 40";//最后的这个40是选取多少个头像，我一次让它显示40个。
$wall = $wpdb->get_results($query);
$maxNum = $wall[0]->cnt;
foreach ($wall as $comment)
{
$width = round(40 / ($maxNum / $comment->cnt),2);//这个40是我设置头像的宽度，和下面&size=40里的40一个概念，如果你头像宽度32，这里就是32了。
if( $comment->comment_author_url )
$url = $comment->comment_author_url;
else $url="#";
$tmp = "<li title='".$comment->comment_author." (".$comment->cnt."次重要讲话)' num='".$comment->cnt."'><a href='".$comment->comment_author_url."' target='_blank'><img src='http://www.gravatar.com/avatar.php?gravatar_id=".md5($comment->comment_author_email)."&size=40&d=identicon&r=G' alt='" . $comment->comment_author . " (". $comment->cnt . "层楼)' /></a><div class='active-bg'><div class='active-degree' style='width:".$width."px'></div></li>";
$output .= $tmp;
}
$output = "<div id='readerswall'><h2>Most Active Friends</h2><ul class='gavaimg'>".$output."</ul></div>";
echo $output ;
?> |
把页面模板上传到主题目录，然后建立一个页面，选择上传的模板
大功告成了，看看效果吧
最新评论
Andy烧麦：这些大厂都能提供必要的售后
王光卫博客：小米生态还是比较丰富
空空裤兜：在天猫买的利维斯顿，阿里智能APP...
林羽凡：我突然发现，你也记录了很多博文了。
菊座：小米的东西还行
zwwooooo：一般电器产品都jd，就是想售后身心
zwwooooo：能随便搞个公司玩玩也算是实力选手
大D：坚持就是胜利哈哈哈
老麦：看着那一排日志存档，老前辈了啊。
大峰：这售后可以嘛～