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

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

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

Как добавить выбор изображений в формы WordPress (повысить вовлеченность)

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

Как добавить блоки с иконками в WordPress

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

Как отобразить Twitter и Facebook автора на странице профиля

Вы хотите, чтобы ссылки вашего автора на Twitter и Facebook отображались на странице его профиля WordPress? По умолчанию на странице профиля пользователя WordPress