خرید ارزدیجیتال ارزدیجیتال
حراجی دامنه های ویژهمشاهده





اپوفایننس

افزودن برچسب نقش کاربر به دیدگاه ها در وردپرس

وردپرس , مقالات,آموزش,ترفند

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

خب، یکی از کاربران این سوال رو پرسیده اند که آیا می توان نقش کاربر را در کنار هر دیدگاه در وردپرس برجسته کرد؟ در پاسخ به این کاربر باید بگویم که بله، در این مقاله به شما آموزش خواهیم داد که چگونه به راحتی برچسب نقش کاربر را در کنار نام نویسنده دیدگاه در وردپرس اضافه کنید؛ همراه ما باشید…

 

افزودن برچسب نقش کاربر به دیدگاه ها در وردپرس

 

چرا نمایش برچسب نقش کاربر در کنار نام نویسنده؟

اگر شما اجازه ثبت نام به کاربران را در وبسایت خود بدهید و یا یک وبسایت چند نویسنده داشته باشید می توانید در کنار نام نویسنده های دیدگاه ها، نقش کاربری آنها را نمایش دهید.

 

به عنوان مثال، کاربران دارای نقش ویرایشگر، وقتی دیدگاهی ارسال می کنند، در کنار نام آنها نقش کاربریشان نشان داده خواهد شد و دیگر کاربران می دانند که این نظر توسط ویرایشگر ساخته شده است. این کار باعث ایجاد اعتماد کاربر و افزایش تعامل کاربر در نظرات وبسایت شما می شود.

 

بعضی از پوسته های وردپرس فقط نام نویسنده ی پست را در دیدگاه ها برجسته می کنند، اینگونه پوسته ها نقش های کاربری دیگری را نمایش نمی دهند حتی اگر دیدگاه ها توسط کاربران عضو یا مدیر ارسال شده باشد.

 

خب توضیح دیگه بسه؛ بریم سراغ آموزش.

 

افزودن برچسب نقش کاربر به دیدگاه ها در وردپرس

اولین چیزی که باید انجام دهید این است که کد زیر را به فایل 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 $this->comment_user_role . $author;
        }

    }

    new WPB_Comment_Author_Role_Label;
endif;

خب کار اصلی تمام شد، به همین راحتی.

 

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

 

خب حالا که نقش کاربر را اضافه کردیم، وقت آن است که استایل خودمون رو بهش اضافه کنیم.

 

در کد ما یک کلاس سی اس اس برای هر نقش کاربر اضافه کردیم، ما می تونیم از کلاس های سی اس اس برای سفارشی کردن هر نقش کاربر به صورت متفاوت استفاده کنیم (از جمله رنگهای مختلف و …)

.comment-author-label {
    padding: 0 5px;
    font-weight: bold;
    border-radius: 5px;
    cursor: default;
}

.comment-author-label-editor {  
    background-color:#ecf0f1;
    color:#2c3e50;
    border:2px solid #bdc3c7;
}
.comment-author-label-author {
    background-color:#3498db;
    color:#ecf0f1;
    border:2px solid #2980b9;
}

.comment-author-label-contributor {
    background-color:#2ecc71;
    color:#ecf0f1;
    border:2px solid #27ae60;   
}
.comment-author-label-subscriber {
    background-color:#f1c40f;
    color:#ecf0f1;
    border:2px solid #f39c12;  
}

.comment-author-label-administrator { 
    background-color:#34495e;
    color:#ecf0f1;
    border:2px solid #2c3e50;
}

این هم تصویر نهایی کار:

افزودن برچسب نقش کاربر به دیدگاه ها در وردپرس

شما عزیزان میتونید تمام کدهای بالا رو خیلی مرتب در قالب یک افزونه وردپرسی اینجا دانلود کنید!

امیدوارم این مطلب به دردتون بخوره و از اون استفاده کنید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=48681
کلمات کلیدی پست :
مطالب مرتبط
4,572ارسال ایمیل به کاربر هنگام تغییر نقش کاربری در وردپرس تاریخ : 2019/04/27
26,445آموزش گرفتن درگاه پرداخت مستقیم بانک برای سایت تاریخ : 2016/09/19
8,456آموزش ساخت لودینگ برای وردپرس تاریخ : 2019/11/21
8,900آموزش راه اندازی و تنظیم وردپرس چند سایته (شبکه وردپرس) تاریخ : 2018/04/10
6,980استفاده از یک برگه خاص به عنوان صفحه اصلی وردپرس تاریخ : 2019/04/4
6,664غیرفعال کردن ویرایشگر دیداری در وردپرس با افزونه و بدون افزونه تاریخ : 2019/09/25
748نمایش تصادفی مطالب وردپرس تاریخ : 2023/11/1
11,013آموزش تغییر نویسنده مطالب در وردپرس تاریخ : 2016/10/19
7,080آموزش تغییر آدرس پیشفرض wp-content وردپرس تاریخ : 2018/07/29
6,644Long Scrolling چیست و چه مزایایی دارد؟ تاریخ : 2019/01/24
8,018قالب وردپرس استخدام بادیگارد Prodefence تاریخ : 2017/01/26
10,840آموزش وبلاگ نویسی زنده در وردپرس تاریخ : 2019/07/13
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file