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 Picture Station）
• 如何给WordPress添加备案信息（WordPress网站备份插件）

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