تبلیغات

تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده

تبلیغات
تبلیغات تبلیغات

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

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

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

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

 

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

 

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

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

 

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

 

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

 

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

 

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

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

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

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

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

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
دانلود بیش از 5میلیون محصول وردپرسی تنهابا 500 هزارتومان (طرح برد برد) کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=48681
کلمات کلیدی پست :
مطالب مرتبط
7,801افزونه شماره گذاری خودکار مطالب وردپرس تاریخ : 2017/09/12
6,387افزودن پست تایپ به حلقه مطالب وردپرس تاریخ : 2014/12/9
4,632کپی کردن کامل یک مطلب در وردپرس تاریخ : 2016/04/18
17,815افزونه ایجاد منوی موبایل در وردپرس Touchy نسخه 2.8 تاریخ : 2017/11/17
15,807آموزش نصب قالب وردپرس روی هاست تاریخ : 2016/07/6
1,864نمایش میانگین نظرات هر پست در وردپرس تاریخ : 2019/09/4
3,012نمایش پیام دلخواه در پیشخوان وردپرس برای کاربران تاریخ : 2018/05/16
5,662آموزش تبدیل قالب HTML به قالب وردپرس تاریخ : 2018/02/16
8,970دانلود نسخه نهایی قالب فارسی صحیفه Sahifa نسخه 5.5.3 تاریخ : 2016/03/31
2,644آموزش وارد کردن و صادر کردن بلاک‌ها در ویرایشگر Gutenberg وردپرس تاریخ : 2019/02/15
6,176عملیات درون‌ ریزی در وردپرس تنها با یک کلیک با افزونه One Click Demo Import تاریخ : 2019/04/14
2,140افزودن شماره تلفن و اسکایپ با قابلیت برقراری ارتباط در وردپرس تاریخ : 2019/05/13
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات
تبلیغات
تبلیغات