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