跳到主要内容

先前在WPBeginner上,我们向您展示了如何设置WordPress注释和注释表单的样式。在本文中,我们将向您展示如何通过在WordPress注释中添加数字来进一步自定义注释布局。

最终结果:

如何在wordpress注释布局中添加数字
如何在wordpress注释布局中添加数字

在WordPress中添加注释编号

您需要做的第一件事是安装并激活Greg的Threaded Comment编号插件。激活插件后,转到“设置”»“主题注释编号”。在样式注释编号部分下,选择以下选项:否-我将提供自己的编号样式。在此下方,还有另一个选项可以剥离注释编号包装纸。同样在该选项上选择“”并保存设置。

由于我们没有使用插件的样式表,因此我们需要在自己的样式表中定义样式。我们还配置了插件以将注释数字<div class="commentnumber"&>包装在包装器中,因此我们可以使用.commentnumber类设置数字样式。要添加自定义样式,请转到外观»编辑器,然后在主题style.css文件的底部添加以下代码:

.commentlist li .commentnumber {
float:right;
color:#999999;
font-size:3em;
margin:0;
padding:0 .5em .5em 0;
clear:right;
}

.commentlist li li .commentnumber {
font-size:1.7em;
}

.commentlist li li li .commentnumber {
font-size:1.3 em;
}

我们正在使用的插件使用内部回调wp_list_comments()函数。您只需编辑主题comments.php模板,然后用wp_list_comments插件提供的模板替换现有模板即可:

<?php wp_list_comments('callback=gtcn_basic_callback'); ?>

对于大多数人来说,这应该有效。但是,对于某些人来说,一开始它可能看起来看起来很凌乱。您将需要采取一些额外的步骤来解决此问题。首先找到主题使用的回调函数进行注释,然后在该函数中添加插件的回调。

要找出您的主题将哪个函数用作回调,您要做的就是wp_list_commentscomments.php模板中查找函数。例如,在默认的WordPress TwentyTwelve主题中,您将看到以下内容:

<?php wp_list_comments( array( 'callback' => 'twentytwelve_comment', 'style' => 'ol' ) ); ?>

twentytwelve_comment是您要查找的回调函数。现在,您需要转到主题的functions.php文件,并查找注释回调函数。找到它后,您将需要修改此功能,并在作者姓名之前在其上添加线程注释编号。

<?php 
$comment_number = gtcn_comment_numbering($comment->comment_ID, $args); 
echo $comment_number;
?>

保存更改并检查您的评论。您的注释现在应该在右边带有数字,如下所示:

我们希望本文能帮助您在WordPress注释布局中添加数字。

回到顶部