主题样式上就把边栏放右边了，此次折腾主要是加入了jQuery，因为这货折腾起来爽撒撒！！

1.Slimbox2的图片特效，这个可以有：

if($('.postContent a[rel!=link]:has(img)').length > 0){  //判断文章内容区域是否有链接大图的图片，有则：
	$.getScript("<?php bloginfo('template_url'); ?>/js/slimbox2.js");  //动态加载图片特效的js。
	//此处有点作，一个判断只为省下4KB的加载。
};

2.Ajax评论提交，这个必须有：

虽说这对博主来说没啥大关系，一般咱都是后台直接回复评论的，反正后台是Ajax的，管他前台呢～一直认为，木有集成Ajax评论提交的主题都是不负责任。现在我想负起来了，就加呗！

实现方法当然还是依旧使用牛XX的Willin大师出品，不过适当的改进还是可以有滴～

比如说，加个新评论提交“双击再编辑”：新评论提交后，突然发现想加个YD的表情？耶，试试双击它～

额，有突然不想加了……那就点击“取消编辑”呗～

$('#comments .live').live('dblclick',function(){$(this).next().children('a').click()});
//其实偶就是把那个编辑的链接隐藏了，然后以双击模拟点击，够XD吧～

3.Ctrl+Enter快捷提交，这个当然有：

$('textarea').keypress(function(e){
    if(e.ctrlKey && e.which == 13 || e.which == 10) {
        $(this).parent().submit();
    }
});

4.评论部分双击事件，这个偷偷有：

双击某条评论，快捷回复；再双击，取消回复此人。

$('#comments .comment-body').dblclick(function(){
//其实也就是用双击事件来模拟用户点击那个“回复”链接的点击事件～
	var crl=$('#cancel-comment-reply-link');
	if($(this).next('#respond').length > 0) {
		crl.click()
	}else{
		$(this).find('.comment-reply-link').click();
		crl.text("取消 @"+$(this).find('.name').text());
		//上句一个小功能，显示是@回复谁滴～
	}
	return false
});

5.暂时木有了……

擦，0:38，我去去！

WordPress大多主题在用户登录下，评论框上也会显示一句：Logged in as XXX，那是否也能让已登录用户显示头像呢？

答案当然是肯定的，不然也就没有此文了～

先来看看WordPress默认主题里关于已登录用户提示的这个代码段（comments.php）：

 
<?php if ( is_user_logged_in() ) : ?>
 
 
 
<p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="Log out of this account">Log out &raquo;</a></p>
 
 
 
<?php else : ?>

那怎么显示头像呢？这儿直接用 get_avatar() 可是获取不到当前登录用户的头像的，原因也显然，没指定登录用户的邮箱撒，所以得借助一个WordPress函数： get_currentuserinfo

改造后的代码段：

 
<?php if ( is_user_logged_in() ) : ?>
 
 
 
<?php global $current_user;get_currentuserinfo();echo get_avatar( $current_user->user_email, 35); ?>
 
 
 
<p>Logged in as <a href="<?php echo get_option('siteurl'); ?>/wp-admin/profile.php"><?php echo $user_identity; ?></a>. <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="Log out of this account">Log out &raquo;</a></p>
 
 
 
<?php else : ?>

当然，这个 get_currentuserinfo 包含的可不止邮箱一个信息，更多内容还请各位童鞋自个儿看WordPress官方文档咯，懂点E文还是相当有用处的撒！～

PS：明儿又是一年高考时？O，考过就好，不评价这玩意儿！

添加了主评论和子评论楼层显示的functions代码：

 
function mytheme_comment($comment, $args, $depth){
 
$GLOBALS['comment'] = $comment;
 
 
 
//主评论计数器初始化 begin - by zwwooooo
 
	global $commentcount;
 
	if(!$commentcount) { //初始化楼层计数器
 
		$page = get_query_var('cpage')-1;
 
		$cpp=get_option('comments_per_page');//获取每页评论数
 
		$commentcount = $cpp * $page;
 
	}
 
//主评论计数器初始化 end - by zwwooooo
 
 
 
?>
 
<li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">
 
	<!-- ... ... -->
 
	<div class="floor">
 
		<?php if(!$parent_id = $comment->comment_parent) {printf('#%1$s', ++$commentcount);} ?><!-- 主评论楼层号 by zwwooooo -->
 
		<?php if( $depth > 1){printf('B%1$s', $depth-1);} ?><!-- 子评论楼层号 By ImMmMm.com -->
 
	</div>
 
	<!-- ... ... -->

应用是啥呢？就是评论多列显示，由于评论的li是不定高的，用inline-block行不通。只有换思路，给li加float:left;然后每3条评论之后输出一段空div用来清除浮动。这个就再集成一句php：

 
<?php if( $commentcount%3 == 0 ){echo '<div class="clear"></div>';} ?><!-- 对主楼层做取模运算，余数是0时添加空div代码段 By ImMmMm.com -->
 
<li <?php comment_class(); ?> id="li-comment-<?php comment_ID() ?>">
 
	<!-- ... ... -->
 
	<div class="floor">
 
		<?php if(!$parent_id = $comment->comment_parent) {printf('#%1$s', ++$commentcount);} ?><!-- 主评论楼层号 by zwwooooo -->
 
		<?php if( $depth > 1){printf('B%1$s', $depth-1);} ?><!-- 子评论楼层 By ImMmMm.com -->
 
	</div>
 
	<!-- ... ... -->

当然，CSS里得加一句：

 
.clear{clear:both;}

其它什么给评论li定宽，浮动，内外边距的CSS就自个儿根据不同主题搞定咯～

目前这样效果是每3条评论一行，高度是由3条中最高的那个决定的，这样是好是坏个人是没什么发言权，也仅当作是一个尝试。

评论计数之前流行过一段时间，那时一是感觉没啥用，二是要加的代码挺多的。主流也是2种方法，元素JavaScript的（这儿），jQuery的（这儿）。

两者基本原理相同，都采用setInterval()短时间内重复执行，效率不谈，这种思路代码字符肯定在几百+。那是否有另外思路来实现呢？

答案当然是肯定的！

jQuery核心代码：

 
//By ImMmMm.com
 
$('#comment').bind('focus keyup input paste',function(){  //采用几个事件来触发（已增加鼠标粘贴事件）
 
	$('#num').text($(this).attr("value").length)  //获取评论框字符长度并添加到ID="num"元素上
 
});

另外在需要显示字数的地方添加以下html断：

 
<i id="num">0</i>

个人是加到了评论框textarea之后，然后CSS美化一下：

 
#num{float:right;font-size:35px;color:#DDD;margin:-50px 5px 0 0;padding-right:10px;}

收工，进食去～

之后万兄在此文提出一个问题：“我只想要留言板页面单独实现评论分页，而其他日志页面的评论不分页，这要怎么操作呢？”阿邙同学第一时间尝试解决了此问题：《也谈WordPress 指定页面分页功能》。他的成果是提出只要在评论回调函数中加入“&per_page=”即可自定义分页数目。

由此得到解决问题的简单方法：复制comments.php重命名为book-comments.php，添加“&per_page=20”分页显示条数参数，然后留言板页面调用。后台讨论里的分页选择还是勾选，然后把分页数改成1000000000……

现在已经实现了，就留言板评论20条分一页，其他页面10000000……条评论后才分页。

可问题也随之而来：

各新版本的最新评论插件或集成代码，还有willin大师的邮件回复通知等等，凡是使用函数“get_comment_link()”调用出来的评论链接URL是如“http://……/comment-page-1#comment-555”，而这里包含“comment-page-1”的“1”是页面总评论数÷后台设置的“每页显示评论数”得来的。这样就会造成评论定位不到，如我在万兄留言板回复自己得到的邮件通知里的回访链接 http://wange.im/guestbook/comment-page-2#comment-77860。

而WordPress就是没有独立分页的参数，插件也好代码也好都是直接获取后台分页的设置，我们在回调函数里自定义的评论分页数是获取不到的。就是说，要是后台不勾选分页，所有页面分不了页；要是勾选了，用“get_comment_link()”函数调用出来里都含有“comment-page-”。

而我们希望的是：在分页的页面上有准确的“comment-page-”这部分，没分页的没有这部分。咨询了QiQiBoy说无解，无法分离……

那只能换个函数调用最新评论的URL了，以willin邮件回复中代码为例：

 
您可以點擊 <a href="' . htmlspecialchars(get_comment_link($parent_id)) . '">查看回應完整內容</a>

改成：

 
您可以點擊 <a href="' . htmlspecialchars(get_permalink($comment->comment_post_ID) . "#comment-".$comment->comment_ID) . '">查看回應完整內容</a>

O了，一刀切完……真让人蛋疼！

为期一个月地《喜迎小站二周年，评论有奖活动》完满落幕啦，掌声起～（再不结束都得疯！）

不办不知道一办吓N跳，那评论数哟，蹭蹭蹭往上涨，无比感谢小张同志免费提供的经得住考验坚挺无比的主机！掌声起～～（话说小张XJJ？嘿，谁说的，谁说的！）

活动开始前几天也是连续调整主题模板，如：统一读者墙评论数的统计时间与活动时间统一，让评论排行实时显示；开启无限嵌套，让童鞋无后顾之忧，尽情言欢；回复邮件通知改用“自主勾选”，以防部分童鞋邮箱被曝；精简AJAX评论提交JS，加速留言等等等等。感谢@hzlzh、@zww、@万戈、@阿邙第一时间的技术支持！掌声起～～

当然，最最要感谢的就是在这一个月来无比积极无比热心、一点点积极一点点热心、毫不积极毫不热心或只到小站留过一条评论或一条都没留过却无声路过的童鞋们，我真诚的隆重的严肃的深刻的无比激动的有点蛋疼的，感谢你们，感谢你们对小站的支持，感谢你们对本人的认可！起～（什么起？我勒个区，你（吡——）啊！）

O了，也就不再累述我这无以言表的鸡冻之情了，以下是——当当当当，当，当当当，当，当当当……（再当就看不到结果了！）

沙银前三是：winy（1 2 3 4 5 6 7 8 9 10），小闇（1 2 3 4 5 6 7 8 9），方丈（1 2）；

水银前三是：小闇，winy，blueandhack。

他们将获得的奖励是：

沙银前三：分别获得￥30、￥20、￥10；以及分别获得mini手电、随身农场、按键灯。

水银前三：分别获得￥30、￥20、￥10；以及分别获得mini手电、随身农场、按键灯。

各位也看到了，小闇和winy这俩银太猛烈，都是双料的，所以小小整理综合下就是：

winy童鞋将得到的奖励是：￥30+￥20=￥50，mini手电+随身农场；

小闇童鞋将得到的奖励是：￥30+￥20=￥50，mini手电+随身农场；

方丈童鞋将得到的奖励是：￥10，按键灯；

blueandhack童鞋将得到的奖励是：￥10，按键灯；

请以上四位童鞋把你们的：支付宝账户、邮寄地址、邮编、姓名、联系电话，发送至fivemu#gmail.com（#替换为@）。

注意：如果没有支付宝，或者不方便接收礼物，请在邮件中说明。

说明：没有支付宝，这个RMB可以让我帮你充值手机话费，或者其他什么同价值的网络业务，也可以在暖暖为你再挑一件同价值礼物；如果不方便接收礼物，那我会很欣喜的替你接收礼物的。如果没有支付宝也不方便接受礼物，那我会更欣喜更欣喜的统统我替你收了，然后独立写一篇表彰文表以崇高的敬意！

O了，最后还是感谢暖暖美女店长的极力支持，感谢万分；最最后还是感谢各位童鞋的参与，感谢万万分！

至上篇文章沙发前三分别为：winy （8个）/ 小闇 （4个）/ 方丈（2个）；鼓掌～～

还有似飘若舞、blueandhack、snowxh、风逐蓝天都有1个。

评论数嘛，看文章末实时排行吧，头三即是；鼓掌～～

这二十天来感谢各位童鞋的支持，是你们让小站人气直线上升，万分感谢！在最后十天里，前打个预防针，纯表情无意义或恶意刷评论数者，不二话直接封邮箱（评论数以邮箱地址为标识统计的）。

最最后，号角响起：

来吧来吧，最后十天的攻坚战已经打响！

功能要，那怎样展示出来好些呢？

在《WordPress无限嵌套评论的那些事儿》中，通过PHP判断在一定层数后CSS添加样式使子回复不再缩进，简单避免了无限嵌套带来的无限缩进问题；如此处理后随之带来不缩进评论部分分不清谁回复谁的问题，再以jQuery处理对不缩进层数的评论回复添加“@用户名”。

经过以上处理后，还是相对完美解决了无限嵌套带来的一些问题。这次是由@winy童鞋提醒，并改进获得一个PHP函数：

 
<?php echo ' style="margin-left: ' . ceil(30/sqrt($depth)) . 'px; "'; ?>

“除以(楼层数开平方)再取整，第一层回复 30px, 第四层 15px, 到第 25 层，margin-left 就只有 6px 了。”（via）

如此一来，评论缩进不再是硬生生的折线，而是完美的弧线啦～而且，只要有缩进，jQuery添加“@用户名”的功能也可省去，一举两得！

—————疲—————惫—————的—————割—————线—————

345号到舟山的嵊泗拥抱大海去了，本说那边有网线的，所以出发带上了本本，也没在这儿说明一个。到那后发现那艹蛋的电信ADSL竟然封了路由，只允许同时一台电脑上网，而且用路由还不断断线，所以……

拍的几G照片不在手边，周日晚可以拿到，到时挑一些给大家看看呗～

WP默认嵌套评论最大深度是8层，可在特殊情况下，比如小站昨天开启了《喜迎小站二周年，评论有奖活动》，好多淫表示套不够用了，这个问题很是严重，大大打击了各位淫的兴头。

经过努力，郑重呼喊：小站套已充足，淫们尽情吧！

代码折腾正文，分三大步走：

一、增大嵌套层数

在comments.php评论回调函数添加“&max_depth=10000”，即嵌套层数改为10000

 
<?php wp_list_comments('type=comment&callback=mytheme_comment&max_depth=10000'); ?>

二、样式控制代码

以防嵌套多了后缩进太多，评论太挤，我们要做的就是一定层数后不缩进，使其看上去并列显示。

在functions.php内回调评论函数内找到类似：

 
<li <?php comment_class(); ?> id="comment-<?php comment_ID() ?>">

修改成下句代码，其中9和margin-left，共同控制使9层以后不缩进。

 
<li <?php comment_class('clearfix'); ?><?php if( $depth > 9){ echo ' style="margin-left:-35px;"';} ?> id="comment-<?php comment_ID() ?>" >

完成一、二两步后，无限嵌套已经是很正常使用了，有个问题也随之出现，9层以后的都是并列按照层次显示，这时就分不清哪条是回复哪条的了。解决方案很简单：

三、添加”回复”输入框自动增加”@用户名”

此功能依旧使用强大的jQuery，以下代码已改进，只在某层数之后才添加。

 
//某层数之后，点击回复输入框自动添加"@用户名" By ImMmMm.com
 
$('.depth-8').children('.children').find('.reply').click(function(){ //class=".depth-8"子元素class=".children"下的class=".reply"的点击事件，注意：模板不同HTML结构可能不同，需调整！
 
	var rid= $(this).parent().attr("id"); //取得所回复的评论id，可能需要调整！
 
	var rna= $(this).next().text(); //取得所回复的评论用户名，可能需要调整！
 
	$("#comment").attr("value","<a href='#"+rid+"'>@"+rna+"</a> ").focus(); //在输入框添加"@用户名"和链接
 
});
 
$('#cancel-comment-reply-link').click(function() {
 
		$("#comment").attr("value",''); //点击取消回复时清空输入框
 
});

至此，搞定，收工！

道路是曲折艰辛的，前途是无限美好的。感谢各位童鞋一如既往的支持，所有的数据统计都是浮云，目前唯一在意的就是和童鞋们评论交流，所以我就用这些浮云带来的收入，来个分享分享，庆祝庆祝，热闹热闹～

活动时间：本文发布之刻——2010-08-31 24：00

活动奖项：

1.沙银：3名，活动期间沙发数最多的前3人，将分别获得￥30、￥20、￥10；

2.水银：3名，活动期间评论数最多的前3人，将分别获得￥30、￥20、￥10；

活动说明：活动结束后，会通知获奖的银，通过支付宝直接支付，活动的一切解释权归林木木所有！ ^ ^

炎热的夏天，用你们的热情，来这杀吧啥吧，水吧水吧！

友情小提示：

1.FO微博抢沙发是王道！

2.评论巧用双击：想回复哪条评论就双击哪条评论，提交后页面刷新前双击可以再修改。

2010-08-01 22:04补充：感谢@hzlzh、@zww、@万戈强力技术协助，日志末的读者墙的评论的统计时间与活动时间统一，就是说这个时间段内评论排行实时显示，水得更猛烈些吧！

2010-08-02 13:21补充：感谢@阿邙童鞋的《WordPress嵌套评论之无限嵌套之补遗》，已启用；另，改用回复邮件通知改用“自主勾选”，对今早之前的评论回复对方不会收到邮件通知。

2010-08-06 17:21补充：感谢@hzlzh童鞋的《精简wordpress评论[再编辑]及相关功能》，已启用；不勾选邮件回复留言的速度绝对是扛扛地！