Как добавить метку роли пользователя рядом с комментариями в WordPress

/

Один из наших читателей спросил, можно ли выделить роль пользователя рядом с каждым комментарием в WordPress? Отображение метки роли пользователя придает вес комментариям, сделанным зарегистрированными пользователями на вашем веб-сайте, в частности авторами, редакторами и администраторами. В этой статье мы покажем вам, как легко добавить метку роли пользователя рядом с комментариями в WordPress.

Добавить роль пользователя рядом с комментариями в WordPress

Зачем показывать метку роли пользователя рядом с именем автора комментария в WordPress?

Если вы разрешаете регистрацию пользователей на своем веб-сайте или запускаете веб-сайт WordPress с несколькими авторами, то ярлыки пользователей могут знакомить пользователей друг с другом в зависимости от их ролей.

Например, пользователи с ролью редактора будут показывать значок рядом с их именем в комментариях, позволяя другим пользователям узнать, что этот комментарий был сделан редактором.

Это повышает доверие пользователей и увеличивает их участие в комментариях на вашем сайте.

Многие темы WordPress выделяют только комментарии, сделанные автором сообщения. На них не отображаются ярлыки для других ролей пользователей, даже если другие комментарии сделаны зарегистрированными пользователями или администраторами сайта.

При этом давайте посмотрим, как легко добавить метку роли пользователя рядом с комментариями в WordPress.

Добавление метки роли пользователя рядом с именем автора комментария в WordPress

В этом руководстве вам потребуется добавить код в файлы темы WordPress. Если вы не делали этого раньше, ознакомьтесь с нашим руководством о том, как легко копировать и вставлять код в WordPress.

Первое, что вам нужно сделать, это добавить следующий код в файл functions.php вашей темы или в плагин для конкретного сайта.

<?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.

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как показать количество подписчиков MailChimp в WordPress

Вы хотите отображать количество подписчиков MailChimp? Недавно один из наших пользователей спросил нас, как они могут показать количество подписчиков

Как создать многостраничную форму в WordPress

Недавно один из наших пользователей спросил нас, как создать многостраничную форму в WordPress? Формы, состоящие из нескольких частей, позволяют собирать

Как создавать и добавлять синемаграфы в WordPress

Вы хотите узнать, как создавать и добавлять синемаграфы в свои сообщения WordPress? Синемаграфы - это изображения, в которых одна часть или область

Как управлять электронными письмами с уведомлениями о комментариях WordPress

Вы хотите улучшить свои электронные письма с уведомлениями о комментариях WordPress? Комментарии стимулируют обсуждение и вовлечение пользователей