这篇文章是建立在《Wordpress 免插件版侧边栏读者墙》的基础之上的,相比较之前的读者墙,今天修改的版本只是针对 IE 浏览器下的显示。
文字表达能力太差,还是上图吧,请看右图,当鼠标移动到侧边栏的读者墙上时,在 Firefox 浏览器下会显示提示某某童鞋盖楼的层数,而在 IE 下就只有盖楼排行,而没有弹出文字提示。此次修改的目标,就是将 IE 下的文字提示也整出来。看的懂我在说啥的童鞋可以继续看下去,已经被我说糊涂的童鞋也请麻烦灌个水再闪。
其实要在 IE 下加图片提示并不难,Firefox 下是加 title,而在 IE 下就是加 alt,这个我早就知道,但是放在 PHP 代码中调来调去,看的就有些眼晕,以至于今天才搞定。过程中还要感谢张三童鞋倾情提供 Wordpress-reader-wall 插件让我参考,终于在苦思冥想后十分钟得出答案。
Wordpress 主题下 functions.php 和 style.css 中需要添加的代码和《Wordpress 免插件版侧边栏读者墙》中的一样,这里就不重复了,唯一不同的就是在 sidebar.php 中调用函数的部分。
原版,也就是上一版的免插件读者墙中 sidebar.php 的引用部分如下:
<?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 中相同的部分就可以了:
<?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 中相同的部分也就可以了:
<?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 免插件读者墙修订版完美诞生。最后,感谢能坚持看完的童鞋,也感谢没能看完但依然盖楼的童鞋,更感谢坚持看完又疯狂盖楼的童鞋。

以后找时间用上,我也 盖楼来了!
哈哈,盖吧盖吧,奋力地盖楼吧
好复杂,我是菜鸟,折腾不明白这个。
又是好方法,呵呵,这个方法首页显示吗?
首页也是不显示的
这个有没有单页面显示全部留过言的呢?
可以啊,把限制数量改高一点就可以啦
添加了,没用的
虽然看的不是很懂,但是还是先盖楼,再慢慢看
添加了 却显示不出来,. 闷..
有点晕乎了`~~`
。。。是我写的太复杂了?
我的加进去一点反应都没有
首页无效的哦
在开启了缓存以后,若是评论者没有设置头像那将如何调用呢?
再看一次,广泛应用到houn.org上去。
恩哼,已经看到你用上啦
那啥- -
怎么才能显示所有的评论者,不只是这个月的,是所有的、
有一个$shownumber参数,是显示人数,把24调高就可以了
http://wancheng.li/1355.html 万戈,我的《为WP打造活友情链接》,和你这个相仿哦
看了你这篇再加上《Wordpress 免插件版侧边栏读者墙》的一部分,研究了一下午,完美了.呵呵
我塞我留言板里边去了
嗯哼,去看了一下,效果不错啊
我晕直接引用啦,记得要加div,要不然效果是1竖条
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;
?>
为什么我的就是出不来呢?
看了一下,你有读者墙啊
我正在用另一个方法进行修改 直接将代码加到sidbar里面去
方法不错。,还有一种可行的方法就是写一句js,让img的alt读取 a的title,或者通过js让img的alt直接隐藏。
很好很强大。。
我是不是把修订版的代码覆盖原版的sidebar.php中代码就OK了?
我坚持看完又疯狂盖楼,但还是没整明白······
是学计算机的,现阶段与微软的AX勾搭中...
在QQ上喊你是想要你的那个侧边栏判断页面的代码.
终于彻底搞清楚问题在哪里了.
是我本地的环境有问题.导致了参数无法被正常调用
请问一下,你是学计算机的吗?看你的主题很强啊
我知道我的问题出在哪里了.
我的模板是从别的版本修改过来的,原始模板对于最新评论调用就失败...
貌似我的这个可能是css设置有问题,在IE下有时候会变形,即我设置了两行16个头像(每行8个头像,正好填满我的侧边栏),但是IE下有时会变为3行(每行只有7个头像),有时候又正常,火狐和其他浏览器都正常,相当郁闷,该死的IE!
IE6的margin是与众不同的,所以才会有你说的这种情况,IE真悲哀~
这个不知道有办法解决没有?我本来就不喜欢IE,不过貌似现在使用IE的人还是相当的多。我汗!
抱歉啊,我对CSS也不是很高手呢。。。。
我是把这个东西放在每篇文章的末尾!哈哈!
哈,看到了,放在最后也很不错嘛
话说我想知道你的代码高亮是用什么东西弄的?是插件还是其他的?
当然不是插件咯,可见此文:
http://www.life-studio.cn/wordpress-code-without-plugins.html
Opera下可以正常显示,效果很好。
在所有浏览器下应该都可以正常显示,我特意做了CSS HACK的,呵呵
先盖楼再干别的,是种美德。。。
2.5版以上的WP可以通过get_avatar函数获取头像的,不用自己md5加密了
是这样啊,谢谢提醒,我去翻翻资料再修改
我要照着你的教程来捣鼓一番。。。
这是修订版的,完整教程可以看以前的文章哟
上次那个版本我就没搞明白,等会本地试试这个。
你还有那令人羡慕的寒暑假
其实不需要修改什么,照搬代码就行啦,搞不搞明白都一样,呵呵
学校工作嘛,幸福的就是一个寒暑假啦
不错不错,肉丝的主题还蛮受欢迎的嘛
鱼鱼游过来了,欢迎欢迎
这个主题我相当喜欢啊
我也喜欢,就是颜色灰了一点,看久了不舒服
现在已经有绿色版了,而且功能更强劲,只是我没有升级
要啥也不要绿色的,哦也,溜达一圈,你蛮爱折腾wp的嘛,快瞧瞧eachsite.org 和 imhost.org 还有哪些可以优化的?
那是,我为WP狂啊,哈哈
在公司里没有仔细看,去逛了一下你两个站,只是从速度角度观察发现:
eachsite.org没有开gzip
imhost.org完美!
这正是我想要的,哈哈
哈哈,那你来的还真巧呢,刚好完工
支持你..
谢谢支持啊,嘿嘿
支持万戈做个好主题。不知道boblog能有这个墙不
谢谢,从技术角度讲,boblog应该也可以实现的
经常修改以前的是SEO的一条“军规”。
我对SEO不是很懂,只是为了增强访客体验
怎么了?你不是有读者墙了吗?
代码盲强烈鄙视捏!
样式在之前的一篇文章已经放出咯,请看:
http://www.life-studio.cn/readerwall-on-sidebar-without-plugins.html
不错不错,虽然我用不到。
你的主机站是用不到,但是博客上可以用着玩玩哈
万胸 做个个主题吧
是有这个打算,只是一直等不到一款我喜欢的设计,而且现在也没时间,等放寒假的时候吧,或许会推出我的第一个主题,哈哈
万戈又在折腾了哈。。。折腾好,我也爱折腾
哈哈,是呀,折腾无罪,永不停息~
完善得不错~
做插件就应该这样,想大家之所想!
谢谢,也是为了更高更好地提高访客体验
我怎么又掉下了两层楼了……
要时刻稳固你的地位哦
这个事根据什么评职称的?
看侧边栏的盖楼排行,按当月评论数量来比的
奇怪,为什么在UCWeb下,这个评论框是两栏呢
打个比方,一个是真正的评论框,还有一个是假的评论框
假的评论框吸引spam,一般访客是看不到的,填写此评论框的spam被直接扔到垃圾箱
但是在ucweb下两个评论框都暴露出来了
呵呵,还有这么高科技的东西,那么哪个是真的呢,我以后好手机留言,好抢沙发,哈哈
哈哈,这个我自己也不知道呢,你两个都试试好啦,一个是可以发表回复的,还有一个回复后就没反应的,因为直接被spam掉了
好试试去
把你spam了可别怪我啊,全自动的
为兼容事业做出的接触贡献,鼓掌~~
谢谢木木,谢谢CCAV
木木给你的评价很中肯啊!!鼓掌~
灌个水再闪。马马虎虎能看懂。
恩,灌水的都是好孩子,值得表扬~
样子不错呵呵,最重要的一点是不需要插件哈哈
哈哈,是啊,我的目标就是:没有插件!
我看到小张广告了……
这个广告位够大吧
不小,就是不太引人注目。
难道是颜色太淡了?让小张做个出挑的去
我主要考虑你的博客色调,不能让你的博客变的扎眼吧。。呵呵。。
没关系,你给他弄个全屏的广告都不是问题。
我投放的每个广告都是美工定制的。。嘿嘿。
似乎我的IE6下都显示这东东……
那是因为我修改过啦,哈哈
我说我的水墙,直接把插件的代码放到主题模板了,哈哈 、
。。。这也行呀,你真绝,方法也够简单
因为没那gravatar头像缓存. 不敢用这些了~
没有缓存的可以用通用版啊,我也写出来了
折腾吧!我还是用插件的“读者墙”啦
插件版的读者墙也很好,只有4K,小巧又方便
虽然我糊涂,但是却觉得你其实讲得很清楚。
你到达了一个境界。我也到达了一个境界
糊涂的境界?
路过留言就是好孩子
这插件是你写的?
排行中的链接是采用JS之类的调用,还是添加的nofollow属性?
这插件不是我写的。。。我只是修改成了免插件版
免插件版?你把代码写进了程序?
恩,是写进了主题,插件能免则免吧
相比较之下,小农夫还是喜欢WP的读者墙,很酷
你说的是插件吗?这和插件实现的效果是一样的
新的一个月了,我来盖楼。。
我还是用插件~~不过也可能连插件都不用了。。
插件最省事,但我就不喜欢省事,哈哈,爱折腾
呵呵,真细心,在IE用alt,其他的用title。
虽然不太喜欢IE的浏览器,但是还不能抛弃IE的访客啊
受不了你,这么细心..
访客体验就是要做到细心
我来盖楼`
争取上榜
哈哈,加油加油,才月初,机会大大滴
我感觉这个做成个页面较好,侧边栏用mg的wp-recentcomments插件,就像wisperer那样的。。。
页面的话头像太多,看着眼花。。。
看了个开头和结尾,老师改作文就这么着的。
我的作文首尾很呼应吧,中间还有过渡句呢,而且是图文并茂,绝对的优秀作文啊,哈哈
我太靠后了 我要加油
贵在坚持,本月才刚刚开始呢,哈哈
我很留恋那个小小的图标。
哪个图标呀?
当然是读者墙上的。
呃~~新的一月又开始了~~争取上榜~~
暂时还没有你的影儿,加油加油
非IE的貌似都有提示文字
算了,我那评论多的很少用ie
我的也是,但是不舍得忽略IE的用户啊
我的也是自己改過的, 和你的差不多. 我還改了以月周期計算, 不是從月初開始計算.
我还是比较喜欢用自然月计,统计方便,嘿嘿
很久不见willin大师来啦
加油灌,使劲灌
灌吧灌吧不是罪
本月水墙我才在那个位置?!?!
当然是首位啦,保持下去!
先沙发,再看
先坐