如何让WP主题同时支持嵌套评论与邮件回复

本着折腾到底不罢休的精神，又给博客做了个手术，这手术做的可不轻松，啃下了WP最艰难的部分。本次修改主要是为了支持嵌套回复，也是为了提高用户体验的一个重大举措吧，其实要纯粹的支持嵌套回复功能倒是简单，然而同时要正常使用ThinkAgain的Mail to Commenter插件来邮件回复的时候，问题就会随之而来了。昨晚折腾到半夜三点，终究是把问题给解决了。关键点在于如何让主题支持嵌套以及如何支持邮件回复。文章末尾有全套代码！

让WP主题支持嵌套回复

首先要解决的是让主题嵌套回复，WP2.7版本后就支持此功能，这里可以参考mg12的WordPress 嵌套回复一文。最简单的方法是使用Wordpress自带的wp_list_comments()来自动解决，然而由于wp自带的wp_list_comments()代码稍嫌臃肿且无法自定义，这时候就需要在模板的function.php文件中来自定义评论显示方法，并在comments. 中利用wp_list_comments(‘callback=custom_comments’)来显示自定义评论。

在自定义的评论显示方法中，只需要添加如下代码即可：

?View Code PHP
1

 < ?php comment_reply_link(array_merge( $args, array('depth' => $depth, 'max_depth' => $args['max_depth']))) ?>

之后在后台设置中允许嵌套回复就可以了。

让回复功能支持Mail to Commenter插件的邮件回复

以上已经介绍了如何让主题支持嵌套回复了，然而以上的方法无法进行自定义，因此也就无法添加邮件回复所需的触发函数，于是我们需要对以上的方法进行适当的修改，通过研究代码，可以看到“回复”的链接实际上有类似这样的代码：

?View Code PHP
1

onclick="addComment.moveForm('comment-< ?php comment_ID() ?>','< ?php comment_ID() ?>', 'respond', '< ?php echo $post->ID; ?>');"

其中的’comment-< ?php comment_ID() ?>‘会根据主题而不同例如WP自带的评论回复中该项就是’div-comment-’。而另外一个’respond‘可能会根据不同主题不同，没有过多研究，各位可以自己尝试下。www.yetlive.com

也就是说自定义的时候只要修改下此处就好了，其中还要注意到的一个问题就是判断支持几层嵌套，当嵌套层数超出了WP后台设置的深度时则需要做相应处理，研究了WP的comment-template.php代码后，可以得到如下的方法判断是否已经超出嵌套层数：

?View Code PHP
1

 if( $depth<get_option('thread_comments_depth'))

有了这些基础之后，就需要再为此回复链接带上邮件回复触发机制，大家知道Mail to Commenter插件会识别回复中是否存在@user 或者@user：来自动回复邮件，那么就需要为链接上加上一点Javascript代码让其有此功能，我研究了inove的JS代码后，借用如下：

?View Code PHP
1

RE_CON.reply('commentauthor-< ?php comment_ID() ?>','comment-< ?php comment_ID() ?>','comment');

然后需要在主题的头部调用外部JS文件，此JS文件中加入如下代码：

?View Code JAVASCRIPT
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

(function() {
function $(id) {
	return document.getElementById(id);
}
window['RE'] = {};
window['RE']['$'] = $;
function reply(authorId, commentId, commentBox) {
	var author = RE.$(authorId).innerHTML;
	var insertStr = '<a href="#' + commentId + '">@'+ author.replace(/\t|\n|\r\n/g, "")+':</a> \n';
	insertReply(insertStr, commentBox);
}
function insertReply(insertStr, commentBox) {
	if(RE.$(commentBox) &amp;&amp; RE.$(commentBox).type == 'textarea') {
		field = RE.$(commentBox);
	} else {
		alert("The comment box does not exist!");
		return false;
	}
	if (field.value.indexOf(insertStr) &gt; -1) {
		alert("You've already appended this reply!");
		return false;
	}
	if (field.value.replace(/\s|\t|\n/g, "") == '') {
		field.value = insertStr;
	} else {
		field.value = field.value.replace(/[\n]*$/g, "") + '\n\n' + insertStr;
	}
}
window['RE_CON'] = {};
window['RE_CON']['reply'] = reply;
})();

之后，我们的嵌套回复于邮件回复功能就可以实现了。于是我最终的方法就如下了，也是本主题中用到的方法：

?View Code PHP
1
2
3
4
5
6
7
8
9

< ?php if(!function_exists('mailtocommenter_button')) {comment_reply_link(array_merge( $args, array('reply_text' => 'Reply', 'depth' => $depth, 'max_depth' => $args['max_depth'])));	} else if(function_exists('mailtocommenter_button')&& $depth<get_option('thread_comments_depth')) { ?>
    <a  rel='nofollow' class='comment-reply-link' href="javascript:void(0);" onclick="addComment.moveForm('comment-<?php comment_ID() ?>','< ?php comment_ID() ?>', 'respond', '<?php echo $post->ID; ?>');RE_CON.reply('commentauthor-< ?php comment_ID() ?>','comment-< ?php comment_ID() ?>','comment'); ">
    < ?php _e('Reply'); ?>
    </a>
    < ?php } else { ?>
    <a  rel='nofollow' class='comment-reply-link' href="javascript:void(0);" onclick="RE_CON.reply('commentauthor-< ?php comment_ID() ?>','comment-< ?php comment_ID() ?>','comment'); ">
    < ?php _e('Reply'); ?>
    </a>
    <?php }?>

其实在本人的修改中添加了对是否存在邮件回复插件的判断，其实如果是自己用的话不判断也可以，为了方便大家的使用才做了这样的处理，至于说到JS文件，可以自己打开http://www.yetlive.com/wp-content/themes/simpleblue/js/common.js复制粘贴。

分类： Wordpress 标签： , · April 9, 2010 · 474

33 条评论 留下评论

留下评论







注意: 第一次留言的用户，您的评论需要审核通过才会显示，抱歉！