wordpress无插件实现侧边栏读者墙

自从wordpress菜鸟养成计划的一系列文章写完,我就没再贴过代码了。这次趁着fishy主题升级的机会,我在网页的侧边栏新安装了读者墙模块,功能么就是展示在本站发表评论最多的访客的头像;同样的功能,有人叫评论之星,比如我,有人简单的就叫读者墙,还有比如哆坵叫它灌水大队。

侧边栏添加这个模块还是挺不错的,一是增加点图片在侧栏,避免单调,二是鼓励访客多多发表高质量的评论。

接下来分享实现方法,网上的教程一搜一大把,但很难区分到底谁的代码是真正可行有效的,这给新手带来了不少麻烦。我以前为了折腾一个侧边栏tab切换效果,在网上抓了近十篇教程,搞了一上午才搞定,费劲死了。

贴出来我这次搞到的代码,效果见侧栏,保证真实有效,假一赔十,如假包换。

<ul class="ffox_most_active" style="overflow:hidden;padding-top:5px;margin-left:20px;">
<?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 != '啄木游弋' AND post_password='' AND comment_approved='1' AND comment_type='') AS tempcmt GROUP BY comment_author ORDER BY cnt DESC LIMIT 15");
foreach ($counts as $count) {
$c_url = $count->comment_author_url;
if ($c_url == '') $c_url = 'http://shaodaishan.com/';
$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>

上述代码为功能代码,将其贴在想要显示读者墙的位置即可,本代码默认显示最近三十天内发表评论最多的十五位访客头像及链接,不清零,不归档。

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

上面是css样式代码,默认读者墙位于id为sidebar的区块里面,且读者墙的外层容器的类别选择器为ffox_most_active。

over,具体显示效果及显示评论者头像数目、大小等因每人使用的主题不同而不同,大家可以适当调整css代码即可,另外使用的时候请注意,将第一段功能代码中的啄木游弋更换成你自己的网名,将http://shaodaishan.com更换成你的网址。

评论

  1. 12 年前
    2012-6-18 16:05:29

    技术文章,我路过。。。。

    • 啄木游弋
      博主
      乐猪
      12 年前
      2012-6-18 17:11:57

      @乐猪: 欢迎路过撒,我就是个伪技术男,搞点伪技术。

  2. 12 年前
    2012-6-15 20:42:14

    我是6天内的。留言板的好像是1年的还是30天也忘记了。

    • 啄木游弋
      博主
      Duoqiu
      12 年前
      2012-6-15 20:56:52

      @Duoqiu: 侧栏我总觉得6天的周期有点短,纯属个人建议哈。

      • 啄木游弋
        12 年前
        2012-6-15 21:22:46

        @啄木游弋: 我弄侧边栏的读者墙主要是为了能更好回访一些近期访客。凑合了。改天觉得短了。再改下就是了。

        • 啄木游弋
          博主
          Duoqiu
          12 年前
          2012-6-15 22:50:15

          @Duoqiu: 晓得啦,果然你的考虑也是很有道理的。

  3. 12 年前
    2012-6-15 9:37:39

    不错的插件用一下了

    • 啄木游弋
      博主
      石家庄婚纱摄影
      12 年前
      2012-6-15 9:41:36

      咱这个是代码,不是插件,俺题目里都说了,无插件实现读者墙。

    • 石家庄婚纱摄影
      12 年前
      2012-6-15 11:02:45

      不折腾就不是wordpress了,哦,耶

      • 啄木游弋
        博主
        清纯在线
        12 年前
        2012-6-15 11:15:52

        @清纯在线: 是的,目测你也是个很能折腾的主儿,都要搞英文站了吗?

  4. 12 年前
    2012-6-15 9:37:15

    介个还是很有用的,对读者来说~

    • 啄木游弋
      博主
      airoschou
      12 年前
      2012-6-15 9:40:14

      这个对站长来说也有用喏,至少侧边栏看起来多彩啊,不至于全都是最新文章、推荐文章之类的列表文字。不过我看到有人最新文章也调用缩略图了,感觉不错,可以折腾下。

  5. 12 年前
    2012-6-14 21:56:09

    这个不错啊,但是懒得弄了

    • 啄木游弋
      博主
      一堵墙
      12 年前
      2012-6-14 22:56:22

      看来你的折腾热情是没大有了喏,不过内容为王倒是不错。

  6. 12 年前
    2012-6-14 21:20:32

    代码小白表示很难懂···- -!话说最近我也在折腾wp,以前几乎没怎么用过wp

    • 啄木游弋
      博主
      Uncle.E
      12 年前
      2012-6-14 21:23:47

      没关系,wp几乎不用学代码就能折腾的。我从去年就开始折腾wp了,哈啊哈,现在还在折腾中。已经去你的wp图片站和微博都拜访过啦。

      • 啄木游弋
        12 年前
        2012-6-14 21:28:39

        @啄木游弋: 哦哦,我就是图个折腾,好玩着呢···

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇