Как добавить метку роли пользователя рядом с комментариями в 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, весь контент, изображения и авторство принадлежит автору

Как создавать формы AMP в WordPress (простой способ)

Вы хотите создавать формы, удобные для AMP на своем сайте WordPress? Accelerated Mobile Pages или AMP - это проект Google, который ускоряет загрузку веб-сайтов на мобильных

Окончательное руководство по подключению AWeber к WordPress

Хотите подключить AWeber к своему сайту WordPress? AWeber - один из самых популярных сервисов электронного маркетинга в сети. В этом полном руководстве мы

Как добавить анимированные GIF в WordPress

Вы хотите добавлять анимированные GIF-файлы в сообщения блога WordPress? Иногда, когда вы добавляете анимированный GIF в WordPress, он теряет анимацию и отображается

Как добавить чередующиеся отзывы в WordPress

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