1.首先想到的，是评论没有分页显示的功能，如果评论数量太多，会把页面拖得很长，在google搜索了一下，原来WordPress原生已经支持评论分页的功能了，所以一不做二不休，继续改动。
其实改动很简单，打开模板的comments.php，在类似wp_list_comments();列出评论的代码后面，加入下面的代码即可:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<?php
	// 如果用户在后台选择要显示评论分页
	if (get_option('page_comments'))
	{
		// 获取评论分页的 HTML
		$comment_pages = paginate_comments_links('echo=0');
		// 如果评论分页的 HTML 不为空, 显示导航式分页
		if ($comment_pages)
		{
?>
 
<div id="commentnavi">
		&lt;?php echo $comment_pages; ?&gt;</div>
 
 
&lt;?php
		}
	}
?&gt;

2. 实现Enter+Ctrl快捷回复，这个比较简单，用jQuery实现，正好这两天也在学jQuery，就当练练手吧。为了增加代码可读性，方便以后维护，将这部分自定义的jQuery代码放在单独的js文件中：timothy.js

1
2
3
4
5
6
7
8
9
10
11

$(document).ready(function(){
 
    //Ctrl+Enter for fast submit
    $("#comment").keydown(
    	function(event){
        	if(event.ctrlKey && event.keyCode == 13)
        	{
            		$("#submit").click();
        	}
    	});
});

代码比较简单，检测评论框的keydown时间，并判断是否同时按下了Ctrl键和Enter键，如果条件成立，则直接出发提交按钮的点击事件。将此部分js代码上传，并在header.php引入此脚本文件，效果立马就有了。这下同学们可以通过Ctrl+Enter快捷提交评论了。不过后来发现一个问题，这种用Ctrl+Enter快捷提交的评论，不会触发Ajax评论的效果，后来仔细找了找原因，发现Ajax评论的jQuery脚本中，并没有绑定提交按钮的点击事件，而是绑定的整个Form的submit事件，所以把刚才的脚本小小修改一下即可：

1
2
3
4
5
6
7
8
9
10
11

$(document).ready(function(){
 
    //Ctrl+Enter for fast submit
    $("#comment").keydown(
    	function(event){
        	if(event.ctrlKey && event.keyCode == 13)
        	{
            		$("#commentform").submit();
        	}
    	});
});

这下就搞定了，支持Ctrl+Enter提交的Ajax评论，呵呵。

3.这个修改源自Zww同学的提议，在每条评论中增加”回复”按钮，原以为我的皮肤不支持嵌套评论的，尝试着在WordPress的设置项中，把嵌套评论给Enable了，这样的话，每条评论就自动有了个回复按钮。接下来，想实现点击回复的时候，自动把评论的同学的名字填入到评论框中，也就是类似 @XXX: 的形式。大体思路是通过jQuery来实现，绑定这些回复按钮的click事件，获取评论的同学的名称，设置到评论框中。其实Zww同学早就实现了这样的功能(前去围观)，所以jQuery也可以偷师过来了：

1
2
3
4
5

    $(".reply").click(
	function(){
		var name = $(this).prevAll().find("cite:first").text();
		$("#comment").text("@"+name+":").focus();
	});

同样，放在$(document).ready里面即可。这次改动，俺意外的发现，原来我的皮肤支持嵌套评论……或许是加入了Ajax评论组件的原因，嘿嘿。

此文很菜，没啥技术含量， 算是学习jQuery的一点心得吧，前路茫茫，吾将继续折腾下去……

你可能也对下列文章感兴趣

• 2010年02月1日 -- Blog再次改动–启用Ajax评论 (20)
• 2010年07月22日 -- WP-Reader-Wall 插件兼容 WordPress 3.0的修改 (8)
• 2010年07月3日 -- Wordpress自动添加关键词优化的代码 (8)
• 2010年07月2日 -- WordPress数据自动备份脚本 (2)
• 2010年05月21日 -- WordPress插件介绍:WP-CodeBox (8)
• 2010年02月17日 -- WordPress本地测试环境搭建 (20)
• 2009年12月29日 -- 新增博客插件–Comment Info Detector (8)
• 2009年12月2日 -- Blog 皮肤下载—Minyx 2.0 Lite (4)
• 2009年10月25日 -- WordPress下的第一篇日志 :-) (7)
• 2004年09月25日 -- 防止对话框程序按Enter和ESC退出的对策 (0)

=========================威武的分割线=====================

updated: 2010.02.03

上面的文章较老，后来发现添加Ajax后，有bug，于是按照Zww同学推荐的方法，找到另一篇指导文章，捣鼓了半天， 总算搞定了。脚本中由于需要访问一些元素，但是由于我的皮肤本身不支持嵌套评论，所以也把.js脚本小改了一下，屏蔽掉部分东西。这篇文章非常不错，强烈推荐下：

http://willin.heliohost.org/?p=1271

你可能也对下列文章感兴趣

• 2010年02月4日 -- Blog评论功能再次改进 (20)
• 2010年07月22日 -- WP-Reader-Wall 插件兼容 WordPress 3.0的修改 (8)
• 2010年07月3日 -- Wordpress自动添加关键词优化的代码 (8)
• 2010年07月2日 -- WordPress数据自动备份脚本 (2)
• 2010年05月21日 -- WordPress插件介绍:WP-CodeBox (8)
• 2010年02月17日 -- WordPress本地测试环境搭建 (20)
• 2009年12月29日 -- 新增博客插件–Comment Info Detector (8)
• 2009年12月2日 -- Blog 皮肤下载—Minyx 2.0 Lite (4)
• 2009年10月25日 -- WordPress下的第一篇日志 :-) (7)

安装过程也很方便，后台直接启用，然后小小设置一下，就OK了。

插件官方地址：http://hieudt.info/wp-plugins/comment-info-detector/

你可能也对下列文章感兴趣

• 2010年07月22日 -- WP-Reader-Wall 插件兼容 WordPress 3.0的修改 (8)
• 2010年06月19日 -- 启用Lazy Load插件 (13)
• 2010年06月12日 -- Blog插件更新 (20)
• 2010年05月21日 -- WordPress插件介绍:WP-CodeBox (8)
• 2010年02月4日 -- Blog评论功能再次改进 (20)
• 2010年02月1日 -- Blog再次改动–启用Ajax评论 (20)
• 2010年01月6日 -- 新增博客插件–Mail To Commenter (6)
• 2009年12月25日 -- 手机版博客更新了插件 (8)