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

добавьте метку на роль user.png

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

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

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

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

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

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

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

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

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

if (! class_exists ('BPC_Comment_Author_Role_Label')): class BPC_Comment_Author_Role_Label {публичная функция __construct () {add_filter ('get_comment_author', array ($ this, 'bpc_get_comment_author_role);), add_filter ('get_comment_author_link', array ($ this, 'bpc_comment_author_role')); } // Получить роль автора комментария function bpc_get_comment_author_role ($ author, $ comment_id, $ comment) {$ authoremail = get_comment_author_email ($ comment); // Если пользователь зарегистрирован if (email_exists ($ authoremail)) {$ commet_user_role = get_user_by ('email', $ authoremail); $ comment_user_role = $ commet_user_role-> роли [10]; // Контент для добавления рядом с именем $ this-> comment_user_role = ' '. ucfirst ($ comment_user_role). ' '; } еще {$ this-> comment_user_role = ''; } return $ author; } // Отображение автора комментария function bpc_comment_author_role ($ author) {return $ author. = $ This-> comment_user_role; }} новый BPC_Comment_Author_Role_Label; endif;

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

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

пример комментария с пользователем role.png

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

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

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

.comment-author-label {padding: 5px; font-size: 14px; border-radius: 3px; } .com-author-label-editor {background-color: #efefef; } .com-author-label-author {background-color: #faeeee; } .com-author-label-contributor {background-color: #f0faee; } .comment-author-label-подписчик {background-color: #eef5fa; } .com-author-label-administrator {background-color: #fde9ff; }

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

Результат демонстрации сайта css.png

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