Wordpress 免插件读者墙修订版

  这篇文章是建立在《Wordpress 免插件版侧边栏读者墙》的基础之上的,相比较之前的读者墙,今天修改的版本只是针对 IE 浏览器下的显示。文字表达能力太差,还是上图吧,请看右图,当鼠标移动到侧边栏的读者墙上时,在 Firefox 浏览器下会显示提示某某童鞋盖楼的层数,而在 IE 下就只有盖楼排行,而没有弹出文字提示。此次修改的目标,就是将 IE 下的文字提示也整出来。看的懂我在说啥的童鞋可以继续看下去,已经被我说糊涂的童鞋也请麻烦灌个水再闪。

  其实要在 IE 下加图片提示并不难,Firefox 下是加 title,而在 IE 下就是加 alt,这个我早就知道,但是放在 PHP 代码中调来调去,看的就有些眼晕,以至于今天才搞定。过程中还要感谢张三童鞋倾情提供 Wordpress-reader-wall 插件让我参考,终于在苦思冥想后十分钟得出答案。

  Wordpress 主题下 functions.php 和 style.css 中需要添加的代码和《Wordpress 免插件版侧边栏读者墙》中的一样,这里就不重复了,唯一不同的就是在 sidebar.php 中调用函数的部分。

  原版,也就是上一版的免插件读者墙中 sidebar.php 的引用部分如下:

<ul class="ffox_most_active">
<?php if ( $counts ) : foreach ($counts as $count) :
echo  '<li>' . '<a href="'. $count->comment_author_url . '" target="_blank" title="' . $count->comment_author . ' ('. $count->cnt . '层楼)">' .get_avatar($count->comment_author_email,32).'</a></li>';
endforeach; endif;
?>
</ul>

  本文的重点来了,下面是修订版的通用版,只要用下面这段代码代替上面在 sidebar.php 中相同的部分就可以了:

<ul class="ffox_most_active">
<?php if ( $counts ) : foreach ($counts as $count) :
echo  '<li>' . '<a href="'. $count->comment_author_url . '" target="_blank" title="' . $count->comment_author . ' ('. $count->cnt . '层楼)"><img src="http://www.gravatar.com/avatar.php?gravatar_id='.md5($count->comment_author_email).'&size=32&d=identicon&r=G" alt="' . $count->comment_author . ' ('. $count->cnt . '层楼)" /></a></li>';
endforeach; endif;
?>
</ul>

  至此,Wordpress 免插件读者墙修订版就完成了,在 IE 浏览器下就同样可以显示出文字提示了。不过,既然上面那个是修订版的通用版,那就肯定有不同凡响的 VIP 版啦。VIP 版正是本人现在正在使用的,实现侧边栏读者墙的头像缓存。前提准备工作请见《缓存 Gravatar 头像至本地服务器》,一切准备就绪后,将以下代码代替 sidebar.php 中相同的部分也就可以了:

<ul class="ffox_most_active">
<?php if ( $counts ) : foreach ($counts as $count) :
echo  '<li>' . '<a href="'. $count->comment_author_url . '" target="_blank" title="' . $count->comment_author . ' ('. $count->cnt . '层楼)"><img src="/gravatar/cache/avatar/'.md5(strtolower($count->comment_author_email)).'" alt="' . $count->comment_author . ' ('. $count->cnt . '层楼)" /></a></li>';
endforeach; endif;
?>
</ul>

  Wordpress 免插件读者墙修订版完美诞生。最后,感谢能坚持看完的童鞋,也感谢没能看完但依然盖楼的童鞋,更感谢坚持看完又疯狂盖楼的童鞋。

本文已盖 157 层楼

  1. 回复 就要懂 说:

    以后找时间用上,我也 盖楼来了!

  2. 回复 bubuto 说:

    好复杂,我是菜鸟,折腾不明白这个。

  3. 又是好方法,呵呵,这个方法首页显示吗?

  4. 回复 自由人 说:

    这个有没有单页面显示全部留过言的呢?

  5. 回复 厉董 说:

    添加了,没用的

  6. 回复 厉董 说:

    虽然看的不是很懂,但是还是先盖楼,再慢慢看

  7. 回复 阿邙 说:

    添加了 却显示不出来,. 闷..

  8. 回复 智勇 说:

    :???:
    有点晕乎了`~~`

  9. 回复 SErHo 说:

    我的加进去一点反应都没有 :???:

  10. 回复 xiao3 说:

    在开启了缓存以后,若是评论者没有设置头像那将如何调用呢?

  11. 回复 皓辰 说:

    再看一次,广泛应用到houn.org上去。

  12. 回复 说:

    http://wancheng.li/1355.html 万戈,我的《为WP打造活友情链接》,和你这个相仿哦

  13. 回复 说:

    看了你这篇再加上《Wordpress 免插件版侧边栏读者墙》的一部分,研究了一下午,完美了.呵呵

    我塞我留言板里边去了

  14. 我晕直接引用啦,记得要加div,要不然效果是1竖条

  15. sidebar.php通用完整代码如下:记得加div和h3,要不然效果是一竖条。

    本月盖楼排行榜

    <?php if ( $counts ) : foreach ($counts as $count) :
    echo '' . 'comment_author_url . '" target="_blank" title="' . $count->comment_author . ' ('. $count->cnt . '层楼)">comment_author_email).'&size=32&d=identicon&r=G" alt="' . $count->comment_author . ' ('. $count->cnt . '层楼)" />';
    endforeach; endif;
    ?>

  16. 回复 丕子 说:

    为什么我的就是出不来呢?

  17. 回复 iipop 说:

    方法不错。,还有一种可行的方法就是写一句js,让img的alt读取 a的title,或者通过js让img的alt直接隐藏。 :mrgreen:

  18. 很好很强大。。

  19. 回复 星网 说:

    我是不是把修订版的代码覆盖原版的sidebar.php中代码就OK了?

  20. 回复 星网 说:

    我坚持看完又疯狂盖楼,但还是没整明白······

  21. 是学计算机的,现阶段与微软的AX勾搭中... :idea:
    在QQ上喊你是想要你的那个侧边栏判断页面的代码.

  22. 终于彻底搞清楚问题在哪里了.
    是我本地的环境有问题.导致了参数无法被正常调用 :cry: :cry: :cry:

  23. 我知道我的问题出在哪里了.
    我的模板是从别的版本修改过来的,原始模板对于最新评论调用就失败...

  24. 回复 mytion 说:

    貌似我的这个可能是css设置有问题,在IE下有时候会变形,即我设置了两行16个头像(每行8个头像,正好填满我的侧边栏),但是IE下有时会变为3行(每行只有7个头像),有时候又正常,火狐和其他浏览器都正常,相当郁闷,该死的IE!

  25. 回复 小三 说:

    我是把这个东西放在每篇文章的末尾!哈哈! :twisted:

  26. 回复 小三 说:

    话说我想知道你的代码高亮是用什么东西弄的?是插件还是其他的? :cry:

  27. Opera下可以正常显示,效果很好。

  28. 回复 JohnnY 说:

    先盖楼再干别的,是种美德。。。

  29. 回复 bolo 说:

    2.5版以上的WP可以通过get_avatar函数获取头像的,不用自己md5加密了

  30. 回复 leesum 说:

    我要照着你的教程来捣鼓一番。。。

  31. 回复 LAONB 说:

    上次那个版本我就没搞明白,等会本地试试这个。
    你还有那令人羡慕的寒暑假 :roll:

  32. 回复 辐射鱼 说:

    不错不错,肉丝的主题还蛮受欢迎的嘛

  33. 这正是我想要的,哈哈

  34. 回复 loker 说:

    支持万戈做个好主题。不知道boblog能有这个墙不

  35. 经常修改以前的是SEO的一条“军规”。
    :???:

  36. 回复 江流 说:

    代码盲强烈鄙视捏!

  37. 回复 铵铵 说:

    :lol: CSS样式也放出来嘛.

  38. 不错不错,虽然我用不到。

  39. 回复 章鱼 说:

    万胸 做个个主题吧

    • 回复 万戈 说:

      是有这个打算,只是一直等不到一款我喜欢的设计,而且现在也没时间,等放寒假的时候吧,或许会推出我的第一个主题,哈哈

  40. 万戈又在折腾了哈。。。折腾好,我也爱折腾 :twisted:

  41. 完善得不错~
    做插件就应该这样,想大家之所想!

  42. 回复 张三 说:

    我怎么又掉下了两层楼了……

  43. 回复 SErHo 说:

    奇怪,为什么在UCWeb下,这个评论框是两栏呢 :wink:

  44. 回复 林木木 说:

    为兼容事业做出的接触贡献,鼓掌~~

  45. 回复 第三眼 说:

    灌个水再闪。马马虎虎能看懂。 :idea:

  46. 回复 Hobo 说:

    样子不错呵呵,最重要的一点是不需要插件哈哈

  47. 回复 蓝冰 说:

    我看到小张广告了……

  48. 回复 蓝冰 说:

    似乎我的IE6下都显示这东东……

  49. 回复 超人 说:

    因为没那gravatar头像缓存. 不敢用这些了~ :cry:

  50. 回复 keelii 说:

    折腾吧!我还是用插件的“读者墙”啦 :!:

  51. 虽然我糊涂,但是却觉得你其实讲得很清楚。
    你到达了一个境界。我也到达了一个境界 :arrow:

  52. 回复 少爷 说:

    这插件是你写的?
    排行中的链接是采用JS之类的调用,还是添加的nofollow属性?

  53. 回复 小农夫 说:

    相比较之下,小农夫还是喜欢WP的读者墙,很酷

  54. 回复 小y 说:

    新的一个月了,我来盖楼。。
    我还是用插件~~不过也可能连插件都不用了。。 :twisted:

  55. 回复 evlos 说:

    呵呵,真细心,在IE用alt,其他的用title。

  56. 回复 619 说:

    受不了你,这么细心.. :sad:

  57. 我来盖楼`
    争取上榜 :oops:

  58. 回复 QiQiBoY 说:

    我感觉这个做成个页面较好,侧边栏用mg的wp-recentcomments插件,就像wisperer那样的。。。

  59. 回复 王盼盼 说:

    看了个开头和结尾,老师改作文就这么着的。

  60. 回复 Louis Han 说:

    我太靠后了 我要加油

  61. 回复 honey.L 说:

    我很留恋那个小小的图标。 :oops:

  62. 回复 keon 说:

    呃~~新的一月又开始了~~争取上榜~~

  63. 回复 A.shun 说:

    非IE的貌似都有提示文字
    算了,我那评论多的很少用ie

  64. 回复 willin 说:

    我的也是自己改過的, 和你的差不多. 我還改了以月周期計算, 不是從月初開始計算.

  65. 回复 张三 说:

    加油灌,使劲灌

  66. 回复 张三 说:

    本月水墙我才在那个位置?!?!

  67. 回复 张三 说:

    先沙发,再看

  1. 用wp-kit-cn的widget实现侧边栏读者墙 - 自在飞
  2. 我的Wordpress,这些一个都不能少(二) | 阿邙’S Blog

Leave a comment

您已输入0

三言两语

我的生活心情语录

工作手札

路漫漫其修远兮

精品推荐

好东西要分享

嘻哈娱乐

八卦趣事一笑而过

电脑网络

全新技术尽搜罗

转来载去

文人墨客美文赏析