WordPress 博客从 2.7 版本就自带了“ 嵌套回复” 功能,但是很多主题都没有添加该效果,大部分博主也用博客插件来实现该功能,可博客插件的嵌套回复的内容样式与父评论不能保持一致,而使用自带的嵌套功能却可以和父评论的内容样式一样。博客吧转载了零号相册的 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>

这是一个取消评论的链接。一般情况下,该链接不显示,只有要针对某人进行评论,而不想评论时可以点击这个链接把评论框复位。