Timothy's Space 君看一叶舟，出没风波里

自从实现了Ajax的评论后，俺还是对评论部分有点不太满意，于是又开始拿评论开刀了。

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">
		<?php echo $comment_pages; ?></div>
 
 
<?php
		}
	}
?>

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的一点心得吧，前路茫茫，吾将继续折腾下去……

我用的这个皮肤有点旧，很多东西都不支持，但是又舍不得换掉，于是留下了折腾的余地，生命在于折腾嘛。看着Zww同学和久酷同学的Blog，都支持Ajax无页面刷新评论，心里也痒痒的。好像WordPress最新的版本，已经支持Ajax评论了，但是又不知道怎么搞。在Google网上一阵乱搜，找到个不错的解决办法，一个老外同学的一篇文章，照着一步一步改下来，还真实现了，除心里一阵狂喜之外，心里还小有成就感……其实网页也是我的弱项，接下来需要一边学jQuery，一边在现有的皮肤上动刀，再美化美化，呵呵。
最后，推荐下老外同学的添加Ajax评论的文章：
http://zeo.unic.net.my/wordpress-ajax-commenting-revisited/

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

updated: 2010.02.03

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

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

新增了一个轻量级的邮件通知回复的插件:Mail To Commenter。从现在开始，博友可以通过邮件收到偶回复留言的通知了。开始本来打算使用Thread Comment的，最后还是放弃了，选择了Mail To Commenter。该插件的使用和配置也很方便，由咱国人开发。

插件主页：http://www.thinkagain.cn/archives/989.html
插件下载地址：http://wordpress.org/extend/plugins/mailtocommenter/

一个很有趣的插件，能显示博客评论者的相关信息，并以图标的方式显示出来，包括评论者IP所在的国家、浏览器、操作系统，这种统计还是比较有意思，也相当直观，看图吧：

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

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

一直以来，我的blog用的wp-t-wap插件实现博客的手机浏览，感觉还不错，插件启用时，会自动生成手机浏览所需的页面文件。无意中发现博客好友久酷同学在使用MobilePress，自己去down了一个，试用了一下，果然不错，比起wp-t-wap更轻量级，插件支持多种主题以及自定义主题。而且插件启用后，能够自动识别访问的客户端，如果发现是手机等移动设备，就自动启用MobilePress的主题，相当方便。推荐还没有安装的同学使用。插件的安装和设置也很简单，就不在此累述了……

MobilePress 插件
下载地址： http://wordpress.org/extend/plugins/mobilepress/

本Blog使用的皮肤，名字叫 Minyx 2.0 Lite，三栏样式，用起来还算不错，一直比较喜欢。不过，现在的效果已经是是被我改过后的了，原本的样式可以看这里：http://www.pengpengblog.com/ 右边的两栏和左边的一栏各占50%，并且三栏并不是占满整个屏幕的，这样对于展现代码而言比较窄，所以动手修改了CSS布局，让三栏铺满整个屏幕，并调整了后两栏的宽度和一些边栏的布局，让左边显示文章内容的一栏变得更大。有喜欢的朋友可以下载了试试，也可以根据自己的喜好再修改。

下载地址

自从上次把域名转移到godaddy，就有了把空间也搬家的打算，说干就干，在wpchina.org找到提供wordpress空间服务的国外php主机空间，测试了下速度，还不错，而且价格也不贵，至少比现在的空间便宜一半，于是就下定决心买下了。至于搬家的理由，其实有两点：

1.虽然PJBlog在asp的博客里面，是首选，但是WordPress是一个绝对值得一玩的BLOG，在全世界都有着众多的插件和Fans。

2.空间搬到国外，再也不用bei案了，而且也不怕blog因为某某原因而突然不能访问了。

接着就是一大堆的体力活，将以前的PJBlog的文章导出，再导入到WordPress，由于之前的链接和目录的问题，许多文章的链接都需要更新，而且比较郁闷的是，Linux系统下文件名是要区分大小写的，这也花了不少功夫去更新以前数篇日志的下载链接。忙乎过后，发现皮肤也不太满意，一直比较喜欢自己博客园那个皮肤，在网上搜了搜，名字叫“minyx 2.0 LITE”而且皮肤正好是wordpress下的，很是幸运。换了皮肤，发现宽度也不太满意，于是又把CSS文件一阵狂改，接着改页面内容，加插件。后续的工作还有很多，包括插件的添加，页面的美化，相册的建立，旧日志标签的补充，等等……虽然搞得晕头转向，不过心里着实很高兴。这篇日志也算是WordPress下面的开篇日志吧，小小庆祝一下……

PS:以前的PJBlog作为本Blog的镜像站点，而可以通过http://pj.xiaozhou.net访问。

此博客的WAP访问地址已经开启，现在你可以使用手机随时随地的通过以下地址进行访问：

http://m.xiaozhou.net