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

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

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

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

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

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

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

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

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

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

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

if (! class_exists (‘WPB_Comment_Author_Role_Label’)):
WPB_Comment_Author_Role_Label class {
публичная функция __construct () {
add_filter (‘get_comment_author’, массив ($ this, ‘wpb_get_comment_author_role’), 10, 3);
add_filter (‘get_comment_author_link’, array ($ this, ‘wpb_comment_author_role’));
}

// Получить комментарий
Функция Wpb_get_comment_author_role ($ author, $ comment_id, $ comment) {
$ authoremail = get_comment_author_email ($ comment);
// Проверяем, зарегистрирован ли пользователь
if (email_exists ($ authoremail)) {
$ commet_user_role = get_user_by («электронная почта», $ authoremail);
$ comment_user_role = $ commet_user_role-> functions (0);
// Вывод HTML для добавления рядом с именем автора комментария
$ this-> comment_user_role = «’;
} Другой {
$ this-> comment_user_role = «»;
}
вернуть $ автора;
}

// Смотрите автора комментария
Wpb_comment_author_role ($ author) function {
вернуть автора. = $ this-> comment_user_role;
}
}
новый WPB_Comment_Author_Role_Label;
это закончится, если;

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

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

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

В нашем коде мы добавляем класс CSS для каждой роли пользователя, чтобы мы могли использовать эти классы CSS для индивидуальной настройки каждого значка пользователя (например, с использованием разных цветов и т. Д.)

Вы можете использовать следующий пример CSS в качестве отправной точки:

.comment-autor-label {
обивка: 5px;
размер шрифта: 14 пикселей;
радиус края: 3 пикселя;
}

.comment-author-label-editor {
цвет фона: #efefef;
}
.comment-author-label-author {
цвет фона: #faeeee;
}

.comment-author-label-colaborator {
цвет фона: # f0faee;
}
.comment-author-label-subscriber {
цвет фона: # eef5fa;
}

.comment-author-label-administrator {
цвет фона: # fde9ff;
}

Не стесняйтесь настроить CSS по своему вкусу. Вот как это выглядело на нашем демонстрационном сайте:

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

Если вам понравилась эта статья, подпишитесь на наш канал YouTube, чтобы посмотреть обучающие видеоролики WordPress. Вы также можете найти нас на Twitter и Facebook,