一. WordPress 主题 - EvilGreen 发布：

　　小邪现在发布新作品都会同时在 <幽灵域>，这是一个小邪的网络名片兼导航站兼个人WIKI兼作品发布页，嘿嘿。因为每次更新主题按理说小邪都会用新博文的形式发布，这样子的话大家要找最新的版本得翻小邪的文章会很麻烦，所以请直接到发布页去查看即可。╮(╯▽╰)╭，URL 链接地址不怎么友好，很多冒号神马的，因为 Nginx 的 Url Rewrite 好麻烦啊，请将就一下咯 o(*￣▽￣*)ゞ。

　　发布页 - http://imevlos.com/wiki/doku.php?id=cn:evlos:work:evilgreen

　　主题名称：EvilGreen [邪恶绿]
　　主题版本：1.0.0
　　作者：Evlos [小邪]
　　建议WP版本：3.0 以上
　　演示：目前是本站 [以后有变动请关注发布页]

　　亮点：
　　1. WP Gravatar Mini Cache、Show Useragent、Some Chinese Please!、SyntaxHighlighter Evolved、WP-PageNavi、WP-PostViews（请自行按照插件说明补充输出函数）、W3 Total Cache 以及 WP Kit CN，这些插件主题都完美支持喔。
　　2. 关于浏览器支持，Firefox、Chrome、Opera、Safari、IE7、IE8、IE9 都支持，但是 IE6 杯具。
　　3. 主题无后台设置，因为个人不大想在 WP 的循环上面多挂什么东西，效率优先。
　　4. 主题语言的话，中英文基本都没问题。

　　缺陷：
　　1. 因为是第一个版本，肯定不能适合所有人，请见谅，有意见请反馈给小邪。
　　2. 小邪目前学业比较繁重，如果没有及时回复请别介意喔。
　　3. 目前不支持多级菜单，因为小邪从来没有用到这个功能，所以没有写，以后会逐渐修正。
　　4. 因为之前这个主题是小邪的私人不发布主题，所以很多地方都只是为小邪量身定做的，不适合大家的地方请淡定。

　　注意：（Updated @ 2011.04.09 0:43 - time in Netherlands）
　　1. 主题内的 comments.php 以及 mytheme_comment(); 使用自 Zww 大师的代码。
　　2. 表情部分 JS 使用自 Willin 大师的代码。
　　3. 引用了部分某 SEO 框架的代码，因为已经过了几乎一年了，完全想不起来是哪个了，面壁。
　　4. 由于所在时区不同，无法及时通知引用代码所有者，如果有版权问题请留言，小邪会第一时间处理。

　　版权：（Updated @ 2011.04.10 7:58 - time in Netherlands）
　　1. 本主题作品遵循 Attribution-NonCommercial-ShareAlike 2.5 Generic (CC BY-NC-SA 2.5) 协议。
　　2. 您可以自由：复制、发行、展览、表演、放映、广播或通过信息网络传播本作品；创作演绎作品。
　　3. 惟须遵守下列条件：
　　*. 署名 — 您必须按照作者或者许可人指定的方式对作品进行署名。
　　*. 非商业性使用 — 您不得将本作品用于商业目的。
　　*. 相同方式共享 — 如果您改变、转换本作品或者以本作品为基础进行创作，您只能采用与本协议相同的许可协议发布基于本作品的演绎作品。

　　下载传送门：
　　- http://code.google.com/p/evlosbox/downloads/detail?name=evilgreen.rar&can=2&q=

二. 尾记：

　　就算放假了也还是好多事情啊，To Do list 上面都已经翻了好几页了。希望小邪挺住。今天的文章就不说太多东西了，之前发现主题上面有太多为小邪自己量身定做的代码，但是基本上不支持大众，而且对各个插件会有兼容性冲突，花了好长时间来去除，已经蛮迟了呢。
　　那么小邪就乖乖去睡觉咯 (～﹃～)~zZ，有事请烧纸，啊，不，请留言 (￣▽￣")。

　　P.s. 最近可能会换到虚拟主机上面，因为 IPad 花了好大的预算，所以每年 120 美元的 VPS 预算已经耗尽 ╮(╯▽╰)╭，VPS 近两天到期。

一. 主题预览图：

> 这个是首页的预览图，小邪只把第一个文章的图片显示出来，这样子既不显得乱，也很容易阅读查看。

> 嘿嘿，这地方就直接拿ZWW主题牛人的部分评论代码了，这两天累惨了，实在木有力气去写这个了。

二. 一点小经验：

<?php $ev_count=0; ?> <!-- 首先在循环外面初始化一个变量 -->
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<!-- 这是文章的循环 -->
<?php if ($ev_count++<>0) echo ' ev_hidden'; else echo ' ev_show'; ?>
<!-- 在合适的地方输出某个class名称来隐藏图片 -->

.ev_hidden img{display:none;}.ev_hidden img{display:none;}
<!-- 然后用如上的CSS代码来控制这个效果就OK鸟 -->

<!-- 此代码是ZWW的可以在点击回复按键之后自动输入@用户名的代码 -->
<script type="text/javascript">
jQuery(document).ready(function($){$('.reply').click(function(){
var atid='"#'+$(this).parent().attr("id")+'"';
var atname=$(this).prevAll().find('cite:first').text();
$("#comment").attr("value","<a href="+atid+" rel="+
'"nofollow"'+">@"+atname+" </a>, ").focus()});
$('.cancel-comment-reply a').click(
function(){$("#comment").attr("value",'')})})
</script>
<!-- ╮(╯▽╰)╭，之前放在header里面没反应，不知道咋了，后来加到comments.php就好了 -->

三. 杯具的W3C验证：

> 木有神马想法鸟，直接无视它好了，太蛋疼了。Σ(っ;°д°;)っ JS和HTML结合用，就在标签处报错。

四. 重写了牛奶蛋的图片浏览界面：

> 图片下面的那个箭头是以图片的左右边为范围，然后随机显示位置的，o(*￣▽￣*)ゞ，感觉蛮好玩的。

五. 基本完成了幽灵域程序：

> 注册和登录系统已经可以正常运行了，现在正在在空闲时间啃RSA非对称加密算法，尽快做好SSO。

六. 用JQUERY控制CSS：

> 点击 “One code, one world ...” 这段字，主题就会自动变成单栏喔，动画木有时间做，就算咯。

jQuery(document).ready(function($){
	$("#blogdescription").click(function(){
		$("#sidebar").css("display","none");
		$("#wrapper").css("width","620px");
		$("#mainbox").css("margin","0");
		$("#menu .page_item").css("display","none");
		$("#footnote").css("width","650px");
	});
});

七. 尾记：

> ╮(╯▽╰)╭，小邪要 [闪人](*￣▽￣)(￣▽:;.…::;.:.:::;..::;.:...，祝大家玩得愉快喔 o(*￣▽￣*)ゞ。

一. 头部与内部颜色呼应：

> 话说，大家应该发现鸟，小邪灰常坏地把 Zww怪蜀黍 的 Zbench 主题蹂躏得面目全飞鸟，(￣y▽￣)╭。
> 嘿嘿，o(￣︶￣)n，欢迎大家提各种建议，虽然最近小邪一直遇到各种杯具，不过还是灰常坚挺滴。

> 首先看这张图，配色很平淡，因为小邪喜欢追求简洁与效率，所以经常使用十分灰色的配色方案呢。

> 再看这张，只是加了一条 3PX Solid #5D6977 的线条，感觉就不一样了呢，有一种呼应的舒服感觉。

二. LNMP 0.5：

> 小邪今天很鸡冻地发现 lnmp.org 上面的 LNMP一键安装包 发布鸟，o(*￣▽￣*)ゞ，所以特地来报告下。

LNMP 0.5 更新记录 -
*) 升级Nginx到0.7.67、MySQL到5.1.48、PHP升级到5.2.14、PHPMyAdmin升级到3.3.7
*) 为安全将Nginx日志移动到/home/wwwlogs/下面；
*) 更改32位64位判别方式；
*) 增加系统时间调整，防止时间错误造成编译出错；
*) 优化eAccelerator安装程序；
*) 增加eAccelerator安装程序；

> 下载版（23.05KB） - http://soft.vpser.net/lnmp/lnmp0.5.tar.gz
> 完整版（44.19MB） - http://soft.vpser.net/lnmp/lnmp0.5-full.tar.gz

三. 秋意的荷兰小城：

> 这次拍了一些秋季快到时的荷兰的小城风景，╮(╯▽╰)╭，嘿嘿，其实不是在城中啦，大概在郊外附近。

> 活泼的外国小盆友在快乐滴奔跑，o(*￣▽￣*)ゞ，话说远处那只狗蛮好玩的，一直围着它主人转圈。

> 回宿舍的时候必经的一个公园，风景超漂亮的，嘿嘿。满地的落叶，哎，手机的镜头不给力啊，灰尘 - -。

> 公园里的一个很茂盛的树，应该是什么常青树之类的东东，等某位生物学牛人过来玩的时候认认看。

> 从童鞋家里出来的时候，发现了一个感觉相当古老，而且做工很不错的车，可惜车盲小邪认不出来。

四. Ubuntu 10.10 更新：

> 久违的强力淫荡传送门 - http://www.ubuntu.com/desktop/get-ubuntu/download

一. 部分 Zbench 的 CSS 修正：

> 上次的修改还是木有达到小邪心中的完美样式，所以咱们继续补充，添加 Wp-pagenavi 的 CSS 代码。

.wp-pagenavi .page{padding:0 4px;}
.wp-pagenavi .pages{padding-right:5px}
.wp-pagenavi .current{padding:0 4px;}
.wp-pagenavi .nextpostslink{padding:0 4px;}
.wp-pagenavi .larger{}
.wp-pagenavi .last{padding:0 5px;}
//补上 Wp-pagenavi 插件的 CSS

.post .entry img{position:relative;left:-2px;}
//文章中图片整体向左偏移 2px

#footer-inside #back-to-top{position:absolute;top:5px;right:10px;font-size:12px;border:none;color:#AAA;}
//TOP按键向右偏移 20px

二. Ajax 效果预览：

> 标题下方的图片是进行 AJAX 提交之后的效果图，看起来和无 AJAX 提交的时候的效果几乎一摸一样。
> 下面则是点击提交按键之后的效果，嘎嘎，小邪太鸡冻了。蛋定，蛋定蛋定，春哥保佑，阿门嘎嘎。

三. 添加 Ajax 效果的部分步骤：

> 小邪只能透露一部分的修改过程，需要的童鞋请到 Zww主题大湿 的淘宝店去看看，那里有提供服务。
> 额，虽然那里的效果可能有一点儿不同，不过也是很好滴，下面提供Zww的淘宝店传送门 -

> http://item.taobao.com/auction/item_detail-0db1-f7c8975a70ef482efd2d90754d09a9a5.jhtml

#commentbox_reload{background:#F2F2F2;display:none;padding-left:10px;border:1px solid #ccc;line-height:40px;margin:10px auto;}
//首先我们增加一个载入提示框的样式

<div id="commentbox_reload_con"></div>
//然后用上面的 div 把整个评论列表范围框住以实现 jQuery 的局部刷新

<script type="text/javascript" src="http://tool.evlos.org/file/jquery-1.2.6.min.js"></script>
//载入 jQuery 库，使用 1.0 版本以上的皆可以实现
//再载入包含局部刷新代码的 js 文件，为保护原作者成果这里并不列举

<div id="commentbox_reload"></div>
//最后在适当地方加入载入提示框的 div 即可

四. Willin 回复邮件通知 Evlos 样式修改版：

> 嘿嘿，因为木有提供具体的 Ajax 代码，作为补偿。小邪把自己的评论回复邮件通知样式送给大家。

> http://code.google.com/p/evlosbox/downloads/detail?name=cmn_cssed.zip&can=2&q=

五. 附言：

> 参考文章 -
> Comment Mail Notify - http://kan.willin.org/?p=1295

> 话说某天看到 Lazy_R 在推上说道 -
> “作为一个懒人，我躺在完全没收拾的沙发上，身下压着衣服撑子。我懒得翻身把撑子抽出来。
> 不过我还不是丧心病狂嘛，我还知道把这个发到twitter上，说明我还是有感觉的 …”

> 嘿嘿，当时小邪就 Orz 了。(*￣▽￣)y ~~

一. 使主题兼容侧边栏的插件挂件：

#multicollinks li{line-height:10px}
/* 上面的代码来降低侧边栏友情链接的行高 */

#sidebar h4{text-shadow:1px 1px 1px #aaa;color:#445566;font-family:Georgia,"Times New Roman",Times,serif;font-size:16px;margin:0;padding:0 5px;line-height:30px;border-bottom:1px solid #fff;}
/* 因为 Wp-recentcomments 侧栏的标题是 h3，而下面两个挂件都是 h4，所以为了统一效果就加上 h4 */

li.widget {list-style:none}
/* 去除侧栏挂件前面的列表符号 */

二. 使主题兼容 Wp-syntax 代码高亮插件：

.post .entry pre{font-size:12px;width:95%;line-height:16px;overflow:auto;font-family:"Courier New", FixedSys;color:#555;background:#fafafa;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:15px solid #ccc;border-right:1px solid #ccc;padding:0 5px 16px;margin:0 0 20px;}

.post .entry table{background:#fff;border:1px solid #ccc;border-width:2px;border-collapse:collapse;margin:5px 0 10px;}

.post .entry th,.post .entry td{border:1px solid #ccc;padding:3px 10px;text-align:left;vertical-align:top;}
/* 分别删除上面三处代码，否则会与 wp-syntax 插件冲突 */

.wp_syntax{width:500px;}
.wp_syntax div, .wp_syntax td{overflow:hidden;max-width: 565px;word-break: break-all;word-wrap: break-word;}
.wp_syntax pre {word-wrap:break-word;overflow:hidden;}
/* 对 wp-syntax 插件样式进行适当调整 */

三. 写完文章才发现 “三” 木有了，可能是被鬼吃掉了 ..(((m -__-)m

四. 搜索框 与 TOP按键 的CSS样式调整：

#search{box-shadow:2px 2px 5px #777;-moz-box-shadow:2px 2px 5px #777;-webkit-box-shadow:2px 2px 5px #777;position:absolute;background:#565657;right:50%;margin-right:-450px;bottom:-14px;width:230px;height:26px;overflow:hidden;border:1px solid #999;}
/* 修改成下面，去除搜索框阴影 */

#search{position:absolute;background:#565657;right:50%;margin-right:-450px;bottom:-14px;width:230px;height:26px;overflow:hidden;border:1px solid #999;}

#footer-inside #back-to-top{position:absolute;top:5px;right:150px;color:#f2f2f2;font-size:14px;}
#footer-inside #back-to-top a{border:none;color:#f2f2f2;}
/* 替换为下面这样，已修改右下角 top 按键的样式 */

#footer-inside #back-to-top{position:absolute;top:5px;right:150px;color:#f2f2f2;font-size:12px;}
#footer-inside #back-to-top a{border:none;color:#AAA;}
#footer-inside #back-to-top {border:none;color:#AAA;}

五. 部分 PHP 代码调整：

<?php wp_list_pages('title_li=&depth=2'); ?>
//修改成下面这样，隐藏 ID 为 1949 的页面

<?php wp_list_pages('title_li=&depth=2&exclude=1949'); ?>

<li <?php if(is_home()) {?>class="current_page_item"<?php } ?>><a href="<?php echo get_option('home'); ?>/" title="HomePage">菠萝阁 [Index]</a></li>
//修改导航栏中的 “Home” 为 “菠萝阁 [Index]”

<li <?php if(is_home()) {?>class="current_page_item"<?php } ?>><a href="<?php echo get_option('home'); ?>/" title="HomePage">Home</a></li>

return '<img alt="" src="'.$ava_img_url.'" width="'.$size.'" height="'.$size.'" />';
//修改小邪的 MiniGravatar 插件代码中如上的，改成下面这样，增加 class="avatar"

return '<img alt="" src="'.$ava_img_url.'" class="avatar" width="'.$size.'" height="'.$size.'" />';

<?php include(TEMPLATEPATH . '/smiley.php'); ?>
//comments.php中如上代码，修改为如下
//使用 wp-smiles 插件来显示表情，因为原生的一但表情太多则会被挤到第二行去鸟

<?php cs_print_smilies(); ?>

六. 回复时自动添加 @用户名：

<?php wp_head(); ?></head>
//在 header.php 中如上代码的下方加入如下代码，载入 1.2.6 jQuery库与 main.js

<script type="text/javascript" src="http://tool.evlos.org/file/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/main.js"></script>

//以下为 main.js 的代码
jQuery(document).ready(function($){	//Begin jQuery
	$('.reply').click(function() {
	var atid = '"#' + $(this).parent().attr("id") + '"';
	var atname = $(this).prevAll().find('cite:first').text();
	//下面那行进行了部分调整，增加了 nofollow 以防止內链影响 SEO
	$("#comment").attr("value","<a href=" + atid + " rel=" + '"nofollow"' + ">@" + atname + " </a>, <br />\n").focus();
});
	$('.cancel-comment-reply a').click(function() {	//点击取消回复评论清空评论框的内容
	$("#comment").attr("value",'');
});
})	//End jQuery

七. 个人觉得 include 应少用为好：

<?php include (TEMPLATEPATH . '/searchform.php'); ?>
//替换为 searchform.php 的内容，因为个人认为 include 应该尽量少用为好

<form id="searchform" method="get" action="<?php bloginfo('home'); ?>/">
<input type="text" value="Search: type, hit enter" onfocus="if (this.value == 'Search: type, hit enter') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search: type, hit enter';}" size="35" maxlength="50" name="s" id="s" />
<input type="submit" id="searchsubmit" value="" />
</form>

八. 对表情的位置进行 CSS 修正：

.comment-text .wp-smiley{position:relative;bottom:-5px;margin-top:-5px;}
//增加如上这行修正表情位置

ol.commentlist li div.comment-text{border-top:1px solid #fff;padding-top:10px;margin:0 0 10px;}
//将如上修改为如下来增加评论处行高

ol.commentlist li div.comment-text{line-height:15px;border-top:1px solid #fff;padding-top:10px;margin:0 0 10px;}

九. 应用 Ajax 提交评论（未完成，迟一些在新文章中补上）：

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php $options = get_option('zBench_options'); ?>
<?php wp_head(); ?></head>
//head.php 里面如上修改为如下代码

<?php $options = get_option('zBench_options'); ?>
<?php wp_head(); ?></head>
<?php if ( is_singular() ){ ?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/comments-ajax.js"></script>
<?php } ?>

十. 后记：

> 最后使用小邪的 CSS压缩工具 把CSS文件压缩一下 -
> 输入: 15.631KB, 输出:13.213KB, 压缩比率: 15.5% (-2418 Bytes)

> 当然也要把Js文件用 工具 来压缩一下，干脆直接放 head.php 里面 -
> Compression ratio: 558/350 = 0.627

> 以下修改的参考文章 -

> 1. 用 jQuery 实现点击回复之后显示@用户名的效果 - http://zww.me/archives/24817
> 2. WordPress主题发布: zBench - http://zww.me/archives/25131
> 3. WordPress 內置嵌套評論專用 Ajax comments - http://kan.willin.org/?p=1271

一. 下载地址：

> http://code.google.com/p/evlosbox/downloads/detail?name=SandevlosV1.zip

二. 关于版权：

> Sandevlos 由 Sandfish 修改而来，所以在 CSS 中的版权是这样写的，小邪觉得应该木有问题。
> 嘎嘎，O(∩_∩)O，如果原作者有任何问题，请立马和小邪说，小邪会以最快的速度修正过来喔。

/*
Theme Name: SandEvlos
Theme URI: http://www.evlos.org/work/
Description: SandEvlos is created from Sandfish, you can find me at http://www.evlos.org/, also can find origin author at http://www.happinesz.cn/.
Tags: white, fixed width
Version: 1.0 Beta
Author: Evlos
Author URI: http://www.evlos.org/
*/

三. 如何安装：

> 和一般的主题安装方法一样，放到 Wp-content 的 themes 目录里，然后在后台启用本主题就好。
> 建议使用 WP-RecentComments 侧边栏插件，主题的 CSS 对此进行了适当调整，使显示正常。

> 这个是留言的显示界面，额，建议最好配合 WordPress Thread Comment 插件，会更完美一些。
> 建议启用 Custom Smilies 表情插件，小邪有对表情图片进行 CSS 调整，显示效果很融洽喔。

> 主题兼容 WP-Syntax 插件，显示超长行代码的时候，不会因为显示的问题而挤出滚动条鸟。
> 强烈建议使用 WP-PageNavi 翻页条插件，因为主题木有这个插件就木有办法翻页了╮(╯▽╰)╭。

> 对了喔，要做些插件设置，请在 Pagenavi 插件后台请去掉 “Use pagenavi-css.css” 的勾。
> 还有，在 Custom Smilies 插件后台设置请去掉 “使用名为 comment_form 的 action” 处的勾。

四. WP Thread Comment 插件设置：

> 请去掉 “在style.css中加载CSS” 处的勾，然后修改评论的 HTML 以配合主题的整体效果。

//编辑评论的HTML
<div class="comment-childs<?php echo $deep%2 ? ' chalt' : ''; ?>" id="comment-[ID]"><div class="bgrro"><div class="bgrro1"><div class="userpic"><?php echo get_avatar($comment->comment_author_email, 24); ?></div><p>[author] 回复：[moderation]<br /><small class="commentmetadata">[date] at [time]</small></p></div></div><div class="bgrrro">[content]</div></div>

五. 附言：

> 最近小邪爱吃辣，感觉很开胃喔，酸辣鱼灰常好吃呐。然后，吃完就在 Twitter 上面乱转。
> 看到 @Thruth 说道：“每个爱吃辣的人上辈子都是肛裂的天使。”，然后，然后就木有然后了。

> P.s. 好想看下雪啊，我浙江这边最近也只是上半部分下过雪，我在下半部分来着，期待中。

> 看源代码就知道设计者提供了叫 Widget_recent_entrie 的类选择器。
> 这个Elegantbox的设计者真是考虑周到，虽然CSS文件里没有写，但是在模板里都有标记。
> 我觉得这个习惯很好，就算原本没有在CSS里用到，但还是提供这个，方便我们修改。

<li class="widget widget_recent_entries">
<h3>最近文章</h3>
</li>

> 所以在CSS文件中加入以下代码即可，0 表示水平靠左，50% 表示垂直居中。
> Url的相对路径是相对CSS文件的，那么放在 images 的 src 文件夹中就该这样写。
> 左边留 15px 的填充来放置图标，因为我的图标是 12px 的。

#sidebar .widget_recent_entries li {
	background:url(images/src/li.png) no-repeat 0 50%;
	padding-left:15px;
}

> 本文送给CSS初学者，高手勿笑，呵呵。
> 我相信多多帮助初学者，然后大家可以共同进步。

Idea：
> 我对于网页的审美观里包括一个概念，平衡。
> 因为我的最近评论和组织俩个挂件都在左边有个相对较大的图标，而整个列表都是字。
> 那么左边的重量就比右边大一些，结果就造成了不平衡。
> 那么在下面就应该有一个元素来把上面的重量托起来，才会平衡。所以才加上图标。
> 而在我的侧边栏这里，只能托，而不能在下面的右边增加元素，试图让左右重量相等。
> 因为从整体上看，如果不托起而增重，并不能平衡，而会让整个列表显得歪歪斜斜，那就不好了。
> 平衡，真是一个很微妙的东西。

> 里面读者墙的函数代码，是来自万戈童鞋的《WordPress 免插件版侧边栏读者墙》文章。
> 因为萄葡MM的模板代码很有个性，所以函数代码不能放在 function.php 里的。

> P.s. 嘿嘿，我就喜欢有挑战性的东西，话说做这个的时候，自己的技术也有了突破了 O(∩_∩)O 。

<?php
$identity="comment_author";
$passwordpost = " AND post_password=''";
$userexclude = " AND user_id='' and comment_author != ''";
$approved = " AND comment_approved='1'";
$shownumber = 15;
$counts = $wpdb->get_results("SELECT COUNT(" . $identity . ") 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
MONTH(comment_date)=MONTH(now()) and YEAR(comment_date)=YEAR(now())" .
$userexclude . $passwordpost . $approved . ") AS tempcmt GROUP BY "
. $identity . " ORDER BY cnt DESC LIMIT " . $shownumber);
?>

> 首先把以上函数代码插入 sidebar.php 中的如下代码的下面。

<?php /* Please do not remove this line */ global $opt; ?>

<div class="sfbox"><h2>Featured Post</h2><div class="sfpost">
  <?php $my_query = new WP_Query('cat='.$opt['side_feature'].'&showposts='
.$opt['side_feature_num'].'&orderby=rand');
        while ( $my_query->have_posts() ) : $my_query->the_post(); ?>
  <div class="introIMG"><?php echo get_the_image_link
(array('f_img','lead_img'),'thumbnail','/fdefault.gif'); ?></div>
  <?php endwhile; ?>
  </div>
  <div class="clear"></div></div>
	<?php endif; ?>

> 然后在以上代码的下面插入以下调用代码。嘿嘿，貌似有点绕口。

<!-- Begin -->
<div class="sidebarbox"><h2>Reader Wall</h2><div class="sidebarbox">
<ul class="ffox_most_active">
<?php if ( $counts ) : foreach ($counts as $count) :
echo  '<li>' . '<a rel="nofollow" href="'. $count->comment_author_url
. '" title="用户：' . $count->comment_author . ' (发表了'. $count->cnt
. '条评论)"><div class="avatar">' .get_avatar($count->comment_author_email,32)
.'</div><p> '. $count->comment_author .'</p></a></li>';
endforeach; endif;
?>
</ul>
  </div>
  <div class="clear"></div></div>
<!-- End -->

> 然后在 style.css 文件底部插入如下的读者墙的CSS代码。

/* ReaderWall */
.sidebarbox .sidebarbox .ffox_most_active li {
padding-left:0; width: 55px; float: left; background: none;
list-style: none; overflow: hidden; border-bottom: none;
}
.sidebarbox .sidebarbox .ffox_most_active img.avatar {
width: 32px; height: 32px; border: solid 1px #d4e7f2;
padding: 1px;
}
.sidebarbox .sidebarbox .ffox_most_active p {
padding-top: 1px; float: left; width: 37px; height: 13px;
line-height: 12px; text-align: center; white-space: nowrap;
overflow: hidden;
}

> 完成啦 O(∩_∩)O哈哈

打开模板目录里的主题支持函数 (functions.php)文件

<div class="pic">
<?php if (function_exists('get_avatar') && get_option('show_avatars'))
{ echo get_avatar($comment, 32); } ?>
</div>

然后按照如下改动即可

<div class="pic">
<img src="你的缓存头像目录/cache/avatar/
<?php echo md5(strtolower($comment->comment_author_email)); ?>" alt="" />
</div>

嘿嘿 搞定鸟

<?php
// WordPress 2.5 or higher
if (function_exists('get_avatar') && get_option('show_avatars')) {
	echo '<div class="userpic">'; echo get_avatar($comment, 24); echo '</div>';
// WordPress 2.3.3 or lower
	} else if (function_exists('gravatar')) {
		echo '<div class="userpic"><img class="avatar" src="';
		gravatar("G", 24); echo '" alt="avatar" /></div>';
	}
?>

这里和iNove完全不一样
所以要做如下修改

<?php
// WordPress 2.5 or higher
if (function_exists('get_avatar') && get_option('show_avatars')) {
	echo '<div class="userpic">
	<img src="你的头像缓存目录/cache/avatar/'.
	md5(strtolower($comment->comment_author_email)) .'" alt=""
	height="24" width="24" /></div>';
// WordPress 2.3.3 or lower
	} else if (function_exists('gravatar')) {
		echo '<div class="userpic"><img class="avatar" src="';
		gravatar("G", 24); echo '" alt="avatar" /></div>';
	}
?>

这里不能像我修改recent-comments插件似地
在这里是无法使用$mail的
所以我们用$comment->comment_author_email
完工鸟 ~~