تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
کتابخانه blog برای لاراول 1 پاسخ 104 بازدید مشکل در نصب اسکریپت 1 پاسخ 6 بازدید وردپرس شبکه 1 پاسخ 8 بازدید اسکریپت یا کد انتقال دهنده کاربر به صفحه 2 پاسخ 136 بازدید درخواست افزونه 3 پاسخ 733 بازدید اسکریپت مدیریت هاست رایگان 3 پاسخ 297 بازدید معرفی وبسایت خرید آنلاین مواد و لوازم دندانپزشکی 0 پاسخ 121 بازدید افزونه Coins MarketCap 1 پاسخ 530 بازدید درخواست پلاگین 4 پاسخ 795 بازدید اسکریپت vfm 5 پاسخ 886 بازدید
تبلیغات
تبلیغات تبلیغات

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

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

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

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

 

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

 

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

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

 

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

 

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

 

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

 

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

اولین چیزی که باید انجام دهید این است که کد زیر را به فایل 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
کلمات کلیدی پست :
مطالب مرتبط
6,484آموزش ساخت فرم ورود در وردپرس با گرویتی فرم تاریخ : 2019/11/1
6,645نحوه تغییر تنظیمات فشرده‌سازی تصاویر در وردپرس تاریخ : 2016/05/2
8,861آموزش ریدایرکت آدرس سایت از HTTP به HTTPS تاریخ : 2018/01/1
9,708آموزش افزودن دکمه ادامه مطلب در وردپرس تاریخ : 2019/08/3
8,350ریست وردپرس با افزونه WordPress Reset تاریخ : 2017/04/17
3,320آموزش تغییر عنوان صفحه نوشتن مطالب در وردپرس تاریخ : 2019/03/25
3,132نمایش پیغام به نویسندگان در صفحه افزودن نوشته تاریخ : 2019/04/17
6,692ایجاد محدودیت ورود کاربر در وردپرس با افزونه WP Bouncer تاریخ : 2018/04/15
5,516مخفی کردن قیمت محصولات ناموجود در ووکامرس تاریخ : 2018/05/11
5,160استفاده از یک برگه خاص به عنوان صفحه اصلی وردپرس تاریخ : 2019/04/4
5,292غیرفعال کردن ذخیره آدرس آی پی در نظرات وردپرس تاریخ : 2018/04/30
7,020آموزش راه اندازی و تنظیم وردپرس چند سایته (شبکه وردپرس) تاریخ : 2018/04/10
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات