美化版wordpress读者墙

花了一整晚的时间去美化了下我博客的读者墙,以前的太难看了,现在感觉好看多了~~自恋一下> <。

详细的读者墙的折腾方法以前写过,在这里就不多说了。

第一阶段:《WP读者墙

第二阶段:《这里有你的名字吗?

要美化wp-reader-wall最方便的方法就是观察他的代码结构,这里就要用到火狐浏览器的插件FIREBUG,说它是网页设计者的大神也不为过。

观察到读者的头像的HTML结构是:

<a href=””

<img src=””/>

/a>

所以我对应我的博客的样式,分别给“a标签”和“img标签”设置了CSS样式:

//读者墙样式开始//

#readerswall a {

margin:0;

padding:0px;

text-decoration:none;

}

#readerswall img {

-moz-box-shadow:2px 2px 6px #999999;  //这里设置图片的阴影

border:1px solid #CCCCCC;

padding:3px;

margin:6px;

}

#readerswall a:hover{

background-color:#FFFFFF;

}

#readerswall a:hover img{

margin:7px 5px 5px 7px;   //图片动态,如果想要动作大点可以在这里改,不需要可以删除掉

}

//读者墙样式结束//

这次的样式代码通用了,上次的不好意思啦。

传送门,好看多了吧,嘿嘿,只显示了本月前三十位朋友,不敢显示太多了,我有密集物恐惧症。

以前读者墙上的“水王榜”显示中有我和钊九玩五的名次,唉,我们是作者,怎么能够抢读者的生意呢?

找到“水王榜”的代码:

<?php $sql = "SELECT comment_author, comment_author_url, comment_author_email, count(comment_ID)

as comment_count FROM $wpdb->comments WHERE comment_approved = '1'  and comment_author_email not in ('xxx@xxx.com' , 'xxx@xxx.com')

AND comment_type not in ('trackback','pingback') GROUP BY comment_author, comment_author_url,

comment_author_email ORDER BY comment_count DESC LIMIT $max";

$results = $wpdb->get_results($sql);

$template = '<a rel="nofollow" href="%au">%g %an</a> (%c 次评论。)';

$echoed = 0; foreach ($results as $row) { $tags = array('%g','%au','%an','%c');

$replacements = array(get_avatar($row->comment_author_email,'32'),

$row->comment_author_url,

$row->comment_author,

$row->comment_count); echo '<li>' . str_replace($tags,$replacements,$template) . '</li>';

$echoed = 1; } if ($echoed==0) echo '<li>No commenter found.</li>'; ?>

增加了蓝色部分,把想屏蔽的作者邮箱填入就可以了,如果作者换了邮箱需要再次改动。

同样的道理,在recentcomments插件的core.php文件,找到相应的SQL语句,即可不显示管理员的评论。

我很想在侧边栏加上一个模块,显示出评论数前十位的朋友,并且不加nofollow,以鼓励评论,可是这两天我尝试了在侧边栏加上读者墙,天不如人愿,失败了。

不知道各位朋友有什么好办法。

PS:读者墙上的头像链接是没有加nofollow的哦。

收藏&分享
« :上一篇 下一篇: »

相关文章 Related posts

参与评论?

49 次评论

  1. 这个很好,一直在找这个东西

  2. 看到了。3q

  3. 是你的格子地带吗!?

  4. 感觉并没有美化得很好
    版本1跟版本2的区别好像不大呀

  5. 呵呵,现在很火爆啊~昨天我也弄了这个

  6. 看不太懂,不过也来支持了,.

  7. 终于看到了。超强的!

  8. 囧,你咋反了~侧边栏比页面加读者墙容易啊,把输出代码直接写上不就行了

Leave a Reply


[ Ctrl + Enter ]