كيفية إضافة دور المستخدم في التعليقات

سأل أحد قرائنا عما إذا كان من الممكن إبراز دور المستخدم بجوار كل تعليق على WordPress؟ يؤدي عرض تسمية دور المستخدم إلى إضفاء وزن على التعليقات التي أدلى بها المستخدمون المسجلون على موقع انترنتوخاصة المؤلفين والناشرين والمسؤولين. في هذا البرنامج التعليمي ، سوف نوضح لك كيفية إضافة تسمية بسهولة مع دور المستخدم بجوار التعليقات في WordPress.

لماذا يتم عرض تسمية دور المستخدم بجانب تعليق على WordPress؟

إذا سمحت بتسجيل المستخدم على موقع انترنت أو إذا قمت بتشغيل موقع انترنت WordPress متعدد المؤلفين، يمكن لتصنيفات المستخدم تعريف المستخدمين ببعضهم البعض بناءً على أدوار المستخدم الخاصة بهم.

على سبيل المثال ، سيكون لدى المستخدمين الذين لديهم دور مستخدم "محرر" شارة بجوار أسمائهم في التعليقات ، والتي ستتيح للمستخدمين الآخرين معرفة أن هذا التعليق تم إجراؤه بواسطة محرر.

إنه يبني ثقة المستخدم ويزيد من مشاركة المستخدم في التعليقات على موقع الويب الخاص بك.

كثير وورد المواضيع قم فقط بتمييز التعليقات التي أدلى بها مؤلف المنشور. إنهم لا يعرضون تسميات لأدوار مستخدم أخرى ، حتى إذا تم إجراء تعليقات أخرى بواسطة مستخدمين مسجلين أو مسؤولي الموقع.

ومع ذلك ، دعنا نلقي نظرة على كيفية إضافة علامة دور المستخدم بسهولة بجوار التعليقات في WordPress.

إضافة تسمية دور المستخدم بجوار تعليق

يتطلب هذا البرنامج التعليمي إضافة رمز إلى ملفاتك. وورد موضوع. إذا لم تكن قد قمت بذلك من قبل ، فقم بإلقاء نظرة على كيفية تخصيص ملف وورد موضوع .

أول شيء تفعله هو إضافة الكود التالي إلى ملف function.php الخاص بالقالب الخاص بك أو إلى مكون إضافي نشط على الموقع.

if (! class_exists ('BPC_Comment_Author_Role_Label')): class BPC_Comment_Author_Role_Label {public function __construct () {add_filter ('get_comment_author'، array ($ this، 'bpc_get_comment_author_role)؛)، 10، add_filter ('get_comment_author_link' ، المصفوفة ($ this، 'bpc_comment_author_role')) ؛ } // الحصول على وظيفة مؤلف التعليقات bpc_get_comment_author_role ($ author، $ comment_id، $ comment) {$ authoremail = get_comment_author_email ($ comment)؛ // إذا كان المستخدم مسجلاً إذا (email_exists ($ authoremail)) {$ commet_user_role = get_user_by ('email'، $ authoremail) ؛ $ comment_user_role = $ commet_user_role-> الأدوار [3]؛ // المحتوى المراد إضافته بجوار الاسم $ this-> comment_user_role = ' '. ucfirst ($ comment_user_role). " ؛ } else {$ this-> comment_user_role = ''؛ } إرجاع المؤلف $؛ } // عرض مؤلف وظيفة التعليق bpc_comment_author_role ($ author) {return $ author. = $ This-> comment_user_role؛ }} BPC_Comment_Author_Role_Label جديد ؛ إنهاء إذا؛

يتصل هذا الرمز المختصر أعلاه بعوامل تصفية WordPress المستخدمة لعرض اسم مؤلف التعليق لتضمين تسمية دور المستخدم.

يمكنك الآن زيارة أي منشور به تعليقات لمشاهدته أثناء العمل. ستعرض التعليقات التي يتم إدخالها بواسطة المستخدمين المسجلين دور المستخدم الخاص بهم بجوار اسم كاتب التعليق. أي تعليقات أدلى بها المستخدمون غير المسجلين ستعرض فقط اسم كاتب التعليق.

الآن بعد أن أضفنا دور المستخدم ، حان الوقت لتصميمه وجعله نظيفًا.

في الكود الخاص بنا ، أضفنا فئة CSS لكل دور مستخدم ، حتى نتمكن من استخدام فئات CSS هذه لتخصيص شارة كل مستخدم بشكل مختلف (أي استخدام ألوان مختلفة ، إلخ)

يمكنك استخدام مثال CSS التالي كنقطة بداية:

.comment-أوثر-لابيل {بادينغ: شنومكسبكس؛ فونت-سيز: شنومكسبس؛ بوردر-راديوس: شنومكسبكس؛ } .com-أوثر-لابيل-إديتور {باكغروند-كولور: #efefef؛ } .com-أوثر-لابيل-أوثر {باكغروند-كولور: #faeeee؛ } .com-أوثر-لابيل-كونتريبوتور {باكغروند-كولور: #f5faee؛ } .comment-أوثر-لابيل-سوبسكريبر {باكغروند-كولور: #eef14fa؛ } .com-أوثر-لابيل-أدمينيستراتور {باكغروند-كولور: #fde3ff؛ }

لا تتردد في ضبط CSS حسب رغبتك. هذا هو شكل موقعنا التجريبي:

هذا كل شيء في هذا البرنامج التعليمي ، وآمل أن يسمح لك بإضافة شارة بجوار نصوص موظفيك.