اضافه کردن برچسب نقش کاربر در کنار دیدگاه

نویسنده : محمد جواد فرکاریان ۲۹ آذر ۱۳۹۶

اضافه کردن برچسب نقش کاربر در کنار دیدگاه

تا حالا شاید دیده باشید که در کنار نام ارسال کننده دیدگاه سایت نقش ارسال کننده دیدگاه نوشته میشود مثلا :خریدار،نویسنده،فروشنده،مشترک و این نوع برچسب ها کاربردی هستند و اگر از اون دسته افرادید که به دنبال این هستید این برچسب را به کنار نام ارسال کننده دیدگاه اضافه کنید به راحتی با خواندن این مقاله میتوانید این قابلیت را به سایت وردپرسی خودتان اضافه کنید. این مقاله را دنبال کنید و لبخند هم فراموش نکنید 😉

چرا باید از برچسب در کنار نام ارسال کننده دیدگاه استفاده کرد؟

با اضافه کردن این قابلیت میتوانید سایت خود را کمی حرفه ای تر از گذشته کنید و کاربران حس بهتری نسبت به قبل داشته باشند و اینکه اعتماد کاربران و تعامل انها افزایش میابد.

شروع کار

در اولین مرحله شما باید کد زیر را به فایل functions.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 = ' <span class="comment-author-label comment-author-label-'.$comment_user_role.'">' . ucfirst($comment_user_role) . '</span>';
} 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;

کد بالا به فیلتر های وردپرس متصل میشود برای نمایش برچسب در کنار نام ارسال کننده دیدگاه و اکنون شما میتوانید این فایل را ذخیره کنید و به قسمت دیدگاه ها سر بزنید خواهید دید که در کنار نام ارسال کننده دیدگاه یک برچسب نیز افزوده شده است.

بخوانید  جلوگیری کردن از استفاده ادرس ایمیل یکبار مصرف در وردپرس

اما الان که قسمت دیدگاه را دید برچسب ها به صورت یک متن عادی در کنار نام ارسال کننده دیدگاه در حال نمایش هستند اما شما میتوانید طاهر این برچسب ها را بهبود دهید که برای اینکار میتوانید از کد زیر در فایل style.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;
}

حالا تغییرات را ذخیره کنید و به قسمت دیدگاه یک نگاهی بندازید خواهید دید که برچسب ها ظاهر بهتری به خود گرفته اند و اگر از این طرح راضی نبودید میتوانید استایل دلخواه خود را اضافه کنید.

امیدوار هستیم که این مقاله برای شما مفید بوده باشه.

لبخند هم فراموش نکنید 😉

موفق و پیروز باشید.

محمد جواد فرکاریان

علاقه مند به سیستم مدیریت محتوای وردپرس هستم و اموزش ها ی در رابطه با سیستم مدیریت محتوای وردپرس را با شما عزیزان به اشتراک میگذارم . لبخند را هیچ وقت فراموش نکنید ;-)

0 دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *