2009年12月05日 190条评论

WordPress 免插件读者墙 willin 版本

我以前写过关于免插件读者墙的文章,那个版本是按每月评论最多的读者来排序的,也就是每月1号会清零重新计算。文章链接:用代码武装你的wordpress [part 1]

willin 后来根据这个修改了一下,唯一不同的 willin 修改的是按照最近 30 天内评论最多的读者排序的,我觉得这样更适合“最活跃的读者”的定义,所以我今晚换为 willin 这个版本了

因为 willin 的是使用 willin 的简单 gravatar 头像缓存的基础上的代码,我特意改出 2 个版本:1 个是针对没有使用头像缓存的,1 个是使用了头像缓存的。

一、没有使用头像缓存的读者墙代码:

<h2>Most Active Friends</h2> <ul class="ffox_most_active"> <?php $counts = $wpdb->get_results("SELECT COUNT(comment_author) 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 1 MONTH ) AND user_id='0' AND comment_author != 'zwwooooo' AND post_password='' AND comment_approved='1' AND comment_type='') AS tempcmt GROUP BY comment_author ORDER BY cnt DESC LIMIT 12"); foreach ($counts as $count) { $c_url = $count->comment_author_url; if ($c_url == '') $c_url = 'https://zww.me/'; $mostactive .= '<li class="mostactive">' . '<a href="'. $c_url . '" title="' . $count->comment_author . ' ('. $count->cnt . 'comments)">' . get_avatar($count->comment_author_email, 40) . '</a></li>'; } echo $mostactive; ?> </ul>

说明:

  1. 里面添加了 2 个 class:ffox_most_active 和 mostactive,根据自己模板在 style.css 设置样式吧
  2. 里面的 https://zww.me 改为你自己博客的网址
  3. 代码里面“DESC LIMIT 12”的 12 是要现示的读者数量
  4. 代码里面的“zwwooooo”是指除博主以外的意思,替换为自己的 WP 用户名吧

我的 css 样式参考:

#sidebar .ffox_most_active li{ list-style:none; float:left; border:none; line-height:0; } #sidebar .ffox_most_active img.avatar{ width:38px; height:38px; border:1px solid #ddd;padding:2px;margin:0 1px 0 0;}

二、使用了  willin 的简单 gravatar 头像缓存的读者墙代码:

<h2>Most Active Friends</h2> <ul class="ffox_most_active"> <?php $counts = $wpdb->get_results("SELECT COUNT(comment_author) 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 1 MONTH ) AND user_id='0' AND comment_author != 'zwwooooo' AND post_password='' AND comment_approved='1' AND comment_type='') AS tempcmt GROUP BY comment_author ORDER BY cnt DESC LIMIT 12"); foreach ($counts as $count) { $a = get_bloginfo('wpurl') . '/avatar/' . md5(strtolower($count->comment_author_email)) . '.jpg'; $c_url = $count->comment_author_url; if ($c_url == '') $c_url = 'https://zww.me/'; $mostactive .= '<li class="mostactive">' . '<a href="'. $c_url . '" title="' . $count->comment_author . ' ('. $count->cnt . 'comments)"><img src="' . $a . '" alt="' . $count->comment_author . ' ('. $count->cnt . 'comments)" class="avatar" /></a></li>'; } echo $mostactive; ?> </ul>

说明参考第一种

OK,CP吧 ,折腾吧

附 willin 的原文链接:《WordPress 免插件版侧边栏读者墙

zww
or
oooo

“WordPress 免插件读者墙 willin 版本”有190条评论

  1. 朵未 says:

    请教下,为什么我用这个方法,头像垂直现实呢?希望解答下,谢谢! :lol:

  2. 朵未 says:

    哈哈,知道了,我忘了加css。

  3. [...] 我参考了ZWWoOoOo大神写的《WordPress 免插件读者墙 willin 版本》和荒野无灯大神写的《Wordpress免插件版读者墙》,两者略有区别,但实现的效果基本一样。后来在inove主题的sidebar.php文件里加了读者墙代码,查看了下效果,我的是垂直显示的。因为自己没有加读者墙部分内容的Css吧,我复制了ZWWoOoOo写的那段Css,添加到style.css里,但发现我的读者墙显示依旧存在问题。后来我想起丕子兄也是inove主题且已经添加了这个效果就直接找他要啦。他发给我他的侧边栏代码,我看了看貌似是ZWWoOoOo写的那段,后来他给我发了他自己的那段定义读者墙的css,我复制上去,果然OK。在此多谢丕子兄的帮助。后来我结合ZWWoOoOo的css,替换了几句,现在的这个效果出来了。自我感觉良好。 [...]

  4. hiswing says:

    这个创意非常好。支持

  5. [...] 主要参考网页:WordPress 免插件读者墙 willin 版本 | ZWWoOoOo                   WordPress 免插件读者墙修订版 » Life Studio 感谢skyoy同学全力相助^_^  发表评论 | Trackback 相关日志暂无相关日志 目前还没有任何评论. [...]

  6. 朵未 says:

    为什么我的在IE下不显示数目呢?

    1. zwwooooo says:

      @朵未 怎样不显示?

    2. 朵未 says:

      @zwwooooo 鼠标停留在上面不显示评论数。

    3. zwwooooo says:

      @朵未 嗯,ie6需要添加alt值,我懒得添加了

  7. Fantasy says:

    我添加好了,可是怎么是竖着显示呢?

    1. zwwooooo says:

      @Fantasy css没定义好

    2. Fantasy says:

      @zwwooooo
      就是你上面的CSS样式啊~

  8. [...] 实现方法:免插件读者墙实现 zww:《WordPress 免插件读者墙 willin 版本》 [...]

  9. [...] jQuery(document).ready( function($){ $(".entry img,").lazyload({ placeholder : "http://sendpic.amangs.com/img/fill.gif&quot;, effect : "fadeIn" }); }); 阿邙’S BlogHome关于归档左右间给我捎信文章分类CodeWordPress乱七杂八今日事他山石娱浮记知识库关闭侧边栏           $("#loadingbar div").animate({width:"32px"}).text("16%")免插件读者墙完整精确免修改版 Jun 28th, 2010WordPress 0人浏览 0Comments最早折腾读者墙的时候是在《我的WordPress,这些一个都不能少(二)》发布之前,当时用的就是ZWWoOoOo发布的《WordPress 免插件读者墙 willin 版本》. 在那个时候我对WordPress以及其函数和语法等懂得的只是皮毛,就算是现在也只能算是稍微略懂略懂一些. 在近期做的主题《新主题Green living》在测试过程中,我发现原来的读者墙代码还可以更改一些,解决我发现的一些问题. [...]

  10. BB霜 says:

    非常喜欢这个插件

  11. 囧啊囧 says:

    我现在就去试试,看自己能折腾出来不。

    1. zwwooooo says:

      @囧啊囧 按照步骤贴代码应该没问题

  12. 囧啊囧 says:

    修改不来代码,不知道有没有插件啊?

    1. zwwooooo says:

      @囧啊囧 有插件。不过这代码简单,主要是css样式问题

  13. mealdy says:

    好强大,这么一篇老文居然被我翻出来了,哈哈

  14. mealdy says:

    评论人名下面的浏览器和系统版本怎么实现的呢?是插件吗?

    1. zwwooooo says:

      @mealdy 对,插件WP-UserAgent

  15. Dianso says:

    我觉得加上
    AND comment_author_url != ''

    这样才更完善,不计算空URL的评论

    1. zwwooooo says:

      @Dianso 不过有些博客的访客很多都是没有URL的,这段代码会自动给无URL加上本站链接。

  16. 麦子 says:

    我修改来修改去都不太好看

    1. zwwooooo says:

      @麦子 修改css就可以了

    2. 麦子 says:

      @zwwooooo 我修改来修改去都不好 :???:

  17. 汗,为什么总是找不到在哪儿呀,显示不出这个东东,是哪步没有弄到位啊 :sad:

    1. zwwooooo says:

      @指舞六弦 如果你没有折腾缓存就不要用缓存的版本哦

  18. [...] 来自Willin大师的非缓存版(缓存……又一个我的痛……泪……),看这个zww5o的这一篇,缓存非缓存都有。 [...]

  19. [...] WordPress 免插件读者墙 willin 版本”和阿邙的“免插件读者墙完整精确免修改版” [...]

  20. winw says:

    好像没有显示评论的数量哦

    1. zwwooooo says:

      @winw 因为你用的是ie

发表评论

昵称 *

网址

B em del U Link Code Quote