博客吧转载了零号相册的Wordpress博客自带嵌套回复教程。
自带嵌套功能工作原理:
wordpress嵌套回复的工作原理是WP的数据库里有个wp_comments的表中有一栏comment_parent ,即可以对comment指定父级,达到嵌套的目的。
非插件嵌套回复教程:
1.在博客后台的已安装插件列表中停用Wordpress Thread Comment插件。并在博客后台点击“设置”选项卡中的“讨论”选项进入配置页面,开启“允许嵌套X层评论”。
2.登陆博客后台,点击“外观”选项卡下的“编辑”选项进入主题编辑页面,选择主题(这里以WP自带classic主题为例),编辑头部文件header.php,在WP函数
<?php wp_head(); ?>
之前添上代码
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
该代码在文章/页面调用嵌套回复的Javascript文件
3.打开主题的comments.php评论模板。原有的模板代码大概是如下:
<?php if ( $comments ) : ?>
<ol id="commentlist">
<?php foreach ($comments as $comment) : ?>
<li>
…
<?php comment_text() ?>
…
</li>
<?php endforeach; ?>
</ol>
<?php else : // If there are no comments yet ?>
<p><?php _e('No comments yet.'); ?></p>
<?php endif; ?>
如今有了WP自带的wp_list_comments();函数,即可轻松完成这些工作,把上面代码替换为:
<?php if ( $comments ) : ?>
<ol class="commentlist">
<?php wp_list_comments();?>
</ol>
<?php else : // If there are no comments yet ?>
<p><?php _e('No comments yet.'); ?></p>
<?php endif; ?>
说明一下,原有的判断有留言、取出、并显示的部分用一个wp_list_comments();即可取代。原来的ol(有序列表)的id="commentlist"改为class="commentlist",这是因为到后面定义CSS的时候可能会与其他产生冲突。
4.在评论模板comments.php中找到一个textarea,name=”comment”,就是访客输入留言的文本域,看看这个 textarea中是否有个id=”comment”,如果有,把id=”comment”去掉(不是去掉textarea,而是去掉定义的ID)。
5.在评论模板comments.php中找到代码:
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
将代码替换为:
<?php comment_id_fields(); ?>
这是对回复框进行定义,以便支持嵌套回复。
6.在评论模板comments.php中找到代码:
从
<h2 id="postcomment"><?php _e('Leave a comment'); ?></h2>
至
<?php endif; // If registration required and not logged in ?>
的外部用一个id为”respond”的div包裹
<div id="respond">
……
</div>
这样是为了在嵌套回复时,点击留言者旁边的“回复”,即可把评论框整体移至该评论附近。
7.在评论模板comments.php中的“Leave a Reply”下面增加代码:
<div id="cancel-comment-reply">
<small><?php cancel_comment_reply_link() ?></small>
</div>
这是一个取消评论的链接。一般情况下,该链接不显示,只有要针对某人进行评论,而不想评论时可以点击这个链接把评论框复位。
8.接下来是针对CSS的定义。