WordPress网站主题开发，WordPress评论列表伸缩显示子评论教程分享

许多站长想让他们的网站评论列表看起来更好。今天，我将与大家分享一个关于如何开发 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。

这几篇文章你可能也喜欢：

• WordPress表单插件:简易注册表单
• 最新纯代码一键快速开启和关闭WordPress的评论功能，WordPress评论功能优化
• WordPress网站前台页面评论处添加“删除”和“垃圾”快捷功能，附简单添加教程
• 主机参考_WordPress技巧分享_纯代码禁止指定省份访问，备案时期或特殊时期非常实用

本文由主机参考刊发，转载请注明：WordPress网站主题开发，WordPress评论列表伸缩显示子评论教程分享 https://zhujicankao.com/66858.html