БЛОГ 2410

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

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

Предлагаем обсудить, чем мы можем вам помочь. Забронируйте 15-минутную консультацию.

Поделиться статьей

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

Добавить роль пользователя рядом с комментариями в WordPress
Добавить роль пользователя рядом с комментариями в WordPress Изображение с сайта wpbeginner.com

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

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

Ярлык роли пользователя отображается рядом с его комментарием
Ярлык роли пользователя отображается рядом с его комментарием Изображение с сайта wpbeginner.com

Теперь, когда мы добавили роль пользователя, пришло время стилизовать ее и сделать ее более понятной.

В нашем коде мы добавили класс 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 по своему вкусу. Вот так это выглядело на нашем демонстрационном сайте:

Значки ролей пользователей отображаются вместе с их комментариями
Значки ролей пользователей отображаются вместе с их комментариями Изображение с сайта wpbeginner.com

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

Свяжитесь с нами.

Узнайте, чем мы можем быть для вас полезны.

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

Агентство веб разработки.

Услуги программирования и веб разработки по фиксированной цене. Специализация: WordPress, разработка B2B решений и создание кастомных скриптов.

WordPress

Разработка шаблонов, плагинов, интернет магазинов на WooCommerce, создание сайтов

Подробнее

B2B решения

CRM, ERP, внутренние системы, автоматизация, калькуляторы, SaaS и индивидуальные решения

Подробнее

Программирование

Разработка кастомных скриптов, API, интеграции, Zapier, Integromat, автоматизация

Подробнее

Подписка

Безлимитные услуги графического дизайна и веб разработки по фиксированной цене

Подробнее