许多站长想让他们的网站评论列表看起来更好。今天,我将与大家分享一个关于如何开发 WordPress 主题以在评论列表中展开和显示子评论的教程。
通过单击“查看对话”按钮控件来显示评论。同时查看和关闭对话也会随着缩放而改变。
实施步骤:
首先要控制的是查看和关闭对话框,该对话框仅出现在带有子评论的父评论下方。我这里的想法是先判断$comment->comment_parent是否为0;同时,在前天的折腾中,有一个记录子评论数量的函数,由child_comment_counter($comment->comment_ID)是否大于0来决定。两个条件都需要在同时,代码如下:
comment_ID)>0 && $comment->comment_parent == ‘0’){?>
查看对话
然后控制View Conversation按钮,点击第一次显示子评论,修改View Conversation为Close Conversation。第二次单击,关闭子评论并关闭对话以查看对话:
/* 查看子评论 */
$(“.part .js-comment”).click(function(){
if($(“ul.children”).css(“display”)==”none”){
$(“ul.children”).fadeIn();
$(this).html(‘关闭对话框’);
}别的{
$(“ul.children”).fadeOut();
$(this).html(‘查看对话’);
}
});
需要注意的是,默认情况下,ul.children是隐藏的,即display:none。