我们的一位读者问是否可以在每个 WordPress 评论旁边突出显示用户的角色? 显示用户的角色标签可以增加注册用户在您的 网站Web,尤其是作者、出版商和管理员。 在本教程中,我们将向您展示如何在 WordPress 中的评论旁边轻松添加带有用户角色的标签。

在user.png的角色上添加一个标签

为什么在WordPress注释旁边显示用户角色标签?

如果您允许用户在您的 网站Web 或者如果你运行 网站Web 多作者WordPress,用户标签可以根据用户角色将用户相互介绍。

例如,具有“编辑者”用户角色的用户的评论名称旁边将带有一个徽章,这将使其他用户知道此评论是由编辑者做出的。

它可以建立用户信心,并增加用户对您网站上评论的参与度。

许多 WordPress主题 仅突出显示帖子作者的评论。 即使注册用户或站点管理员发表了其他评论,它们也不显示其他用户角色的标签。

话虽如此,让我们看一下如何轻松地在WordPress注释旁边添加用户角色标签。

在评论旁边添加用户角色标签

本教程要求您将代码添加到文件中。 WordPress主题. 如果您以前没有这样做过,那么看看如何自定义您的 WordPress主题 .

首先,将以下代码添加到主题的functions.php文件或网站上的活动插件中。

if(! add_filter('get_comment_author_link',数组($ this,'bpc_comment_author_role')); } //获取评论作者角色函数bpc_get_comment_author_role($ author,$ comment_id,$ comment){$ authoremail = get_comment_author_email($ comment); //如果用户已注册,如果(email_exists($ authoremail)){$ commet_user_role = get_user_by('email',$ authoremail); $ comment_user_role = $ commet_user_role->角色[10]; //要添加到名称$ this-> comment_user_role =' '旁边的内容。 ucfirst($ comment_user_role)。 ' '; } else {$ this-> comment_user_role =''; } return $ author; } //显示评论函数的作者bpc_comment_author_role($ author){返回$ author。= $ This-> comment_user_role; }}新的BPC_Comment_Author_Role_Label; 万一;

上面的这段短代码连接到WordPress过滤器,该过滤器用于显示评论作者的名称,以包括用户角色标签。

现在,您可以访问带有评论的任何帖子,以查看其运行情况。 注册用户发表的评论将在评论作者名称旁边显示其用户角色。 未注册用户发表的任何评论将仅显示评论作者的姓名。

用户role.png的示例注释

现在我们已经添加了用户角色,现在该为它设置样式并使其干净整洁了。

在我们的代码中,我们为每个用户角色添加了一个CSS类,因此我们可以使用这些CSS类以不同的方式自定义每个用户徽章(即使用不同的颜色等)。

您可以使用以下CSS示例作为起点:

.comment-author-label {padding:5px; font-size:14px; border-radius:3px; } .com-author-label-editor {background-color:#efefef; } .com-author-label-author {background-color:#faeeee; } .com-author-label-contributor {background-color:#f0faee; } .comment-author-label-subscriber {background-color:#eef5fa; } .com-author-label-administrator {background-color:#fde9ff; }

可以根据自己的喜好随意调整CSS。 这是我们的演示站点的外观:

结果演示网站css.png

这就是本教程的全部内容,我希望它可以让您在工作人员的文字旁边添加徽章。