如何在WordPress中的註釋旁邊添加用戶角色標籤


我們的一位讀者問,是否可以在WordPress中的每個註釋旁邊突出顯示用戶角色? 顯示用戶角色標籤可以使註冊用戶在您的網站上發表的評論特別重要,特別是作者,編輯和管理員。 在本文中,我們將向您展示如何在WordPress註釋旁邊輕鬆添加用戶角色標籤。

在WordPress中的評論旁邊添加用戶角色

為什麼在WordPress中的評論作者姓名旁邊顯示用戶角色標籤?

如果您允許用戶在您的網站上註冊或運行多作者WordPress網站,則用戶標籤可以根據用戶角色將用戶介紹給彼此。

例如,具有編輯者用戶角色的用戶將在評論名稱旁邊顯示一個徽章,以使其他用戶知道此評論是由編輯者做出的。

它建立了用戶信任,並增加了用戶對您網站上評論的參與度。

許多WordPress主題僅強調帖子作者的評論。 即使已註冊用戶或站點管理員發表了其他評論,它們也不顯示任何其他用戶角色的標籤。

話雖如此,讓我們看一下如何輕鬆地在WordPress中的註釋旁邊添加用戶角色標籤。

在WordPress中的註釋作者姓名旁邊添加用戶角色標籤

本教程要求您將代碼添加到WordPress主題文件中。 如果您以前沒有做過,請查看我們的指南,了解如何輕鬆地在WordPress中復制和粘貼代碼。

您需要做的第一件事是將以下代碼添加到主題的functions.php文件或特定於站點的插件中。


if ( ! class_exists( 'WPB_Comment_Author_Role_Label' ) ) :
class WPB_Comment_Author_Role_Label {
public function __construct() {
add_filter( 'get_comment_author', array( $this, 'wpb_get_comment_author_role' ), 10, 3 );
add_filter( 'get_comment_author_link', array( $this, 'wpb_comment_author_role' ) );
}

// Get comment author role 
function wpb_get_comment_author_role($author, $comment_id, $comment) { 
$authoremail = get_comment_author_email( $comment); 
// Check if user is registered
if (email_exists($authoremail)) {
$commet_user_role = get_user_by( 'email', $authoremail );
$comment_user_role = $commet_user_role->roles[0];
// HTML output to add next to comment author name
$this->comment_user_role=" ' . ucfirst($comment_user_role) . '';
} else { 
$this->comment_user_role="";
} 
return $author;
} 

// Display comment author                	
function wpb_comment_author_role($author) { 
return $author .= $this->comment_user_role; 
} 
}
new WPB_Comment_Author_Role_Label;
endif;

上面的此功能代碼與WordPress過濾器掛鉤,該過濾器用於顯示評論作者姓名以包括用戶角色標籤。

現在,您可以訪問帶有評論的任何帖子,以查看其運行情況。 註冊用戶發表的評論將在評論作者名稱旁邊顯示其用戶角色。 非註冊用戶發表的任何評論將僅顯示評論作者姓名。

用戶角色標籤顯示在其評論旁邊

現在,我們已經添加了用戶角色,現在該為它設置樣式並使其看起來乾淨了。

在我們的代碼中,我們為每個用戶角色添加了一個CSS類,因此我們可以使用這些CSS類以不同的方式自定義每個用戶徽章(即使用不同的顏色等)

您可以使用以下示例CSS作為起點:

.comment-author-label {
    padding: 5px;
    font-size: 14px;
    border-radius: 3px;
}

.comment-author-label-editor {	
background-color:#efefef;
}
.comment-author-label-author {
background-color:#faeeee;
}

.comment-author-label-contributor {
background-color:#f0faee;	
}
.comment-author-label-subscriber {
background-color:#eef5fa;	
}

.comment-author-label-administrator { 
background-color:#fde9ff;
}

可以根據自己的喜好隨意調整CSS。 這是在我們的演示網站上的樣子:

顯示用戶角色徽章及其評論

我們希望本文能幫助您學習如何在WordPress註釋旁邊添加用戶角色標籤。 您可能還想查看有關如何在WordPress註釋中延遲加載gravatars的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。