वर्डप्रेस में टिप्पणियाँ के आगे उपयोगकर्ता भूमिका लेबल कैसे जोड़ें

वर्डप्रेस में टिप्पणियाँ के आगे उपयोगकर्ता भूमिका लेबल कैसे जोड़ें

हमारे पाठकों में से एक ने पूछा कि वर्डप्रेस में प्रत्येक टिप्पणी के आगे उपयोगकर्ता भूमिका को उजागर करना संभव है? उपयोगकर्ता भूमिका लेबल प्रदर्शित करने से आपकी वेबसाइट पर विशेष रूप से लेखक, संपादकों, और व्यवस्थापक पर पंजीकृत उपयोगकर्ताओं द्वारा दिए गए टिप्पणियों पर वजन मिलता है। इस लेख में, हम आपको दिखाएंगे कि वर्डप्रेस में टिप्पणी के बगल में आसानी से यूजर रोल लेबल कैसे जोड़ सकते हैं।

WordPress में टिप्पणियों के बगल में उपयोगकर्ता भूमिका जोड़ें

क्यों वर्डप्रेस में लेखक का नाम टिप्पणी के आगे उपयोगकर्ता भूमिका लेबल दिखाएं?

यदि आप अपनी वेबसाइट पर उपयोगकर्ता पंजीकरण की अनुमति देते हैं या एक मल्टी-लेखक वर्डप्रेस वेबसाइट चलाते हैं, तो यूजर लेबल्स प्रयोक्ता भूमिकाओं के आधार पर उपयोगकर्ताओं को एक दूसरे को पेश कर सकते हैं।

उदाहरण के लिए, संपादक उपयोगकर्ता भूमिका वाले उपयोगकर्ता अन्य उपयोगकर्ताओं को टिप्पणी देने में अपने नाम के बगल में एक बैज दिखाएंगे कि यह टिप्पणी एक संपादक द्वारा बनाई गई थी

यह उपयोगकर्ता विश्वास को मजबूत करता है और आपकी वेबसाइट पर टिप्पणियों में उपयोगकर्ता सगाई बढ़ता है।

कई WordPress थीम केवल पोस्ट लेखक द्वारा की गई टिप्पणियों को उजागर करते हैं। वे किसी भी अन्य उपयोगकर्ता भूमिकाओं के लिए लेबल नहीं दिखाते हैं भले ही अन्य टिप्पणियां पंजीकृत उपयोगकर्ता या साइट व्यवस्थापक द्वारा बनाई गई हों

कहा जा रहा है, चलो देखो कैसे आसानी से वर्डप्रेस में टिप्पणियों के बगल में उपयोगकर्ता भूमिका लेबल जोड़ने के लिए।

वर्डप्रेस में टिप्पणी लेखक के नाम से उपयोगकर्ता भूमिका लेबल जोड़ना

इस ट्यूटोरियल के लिए आपको अपने वर्डप्रेस थीम फ़ाइलों में कोड जोड़ने की आवश्यकता है। यदि आपने पहले ऐसा नहीं किया है, तो कृपया वर्डप्रेस में कोड को आसानी से कॉपी और पेस्ट करने पर हमारी मार्गदर्शिका देखें।

आपको सबसे पहले ज़रूरत है अपने विषय के functions.php फ़ाइल या साइट-विशिष्ट प्लग इन में निम्न कोड जोड़ें।

अगर (! class_exists ('WPB_Comment_Author_Role_Label')):
 वर्ग WPB_Comment_Author_Role_Label {
 सार्वजनिक फ़ंक्शन __ रचना () {
 add_filter ('get_comment_author', सरणी ($ this, 'wpb_get_comment_author_role'), 10, 3);
 add_filter ('get_comment_author_link', सरणी ($ this, 'wpb_comment_author_role'));
 }

 // कमेंट लेखक भूमिका हो जाओ
 फ़ंक्शन wpb_get_comment_author_role ($ लेखक, $ comment_id, $ टिप्पणी) {
 $ authoremail = get_comment_author_email ($ टिप्पणी);
 // जांचें कि उपयोगकर्ता पंजीकृत है या नहीं
 अगर (email_exists ($ authoremail)) {
 $ commet_user_role = get_user_by ('ईमेल', $ लेखक मेल);
 $ comment_user_role = $ commet_user_role-> भूमिकाएं [0];
 // HTML आउटपुट टिप्पणी लेखक नाम टिप्पणी के बगल में जोड़ने के लिए
 $ the-> comment_user_role = ' '  यूफ्रस्ट ($ comment_user_role)  ' ';
 } अन्य {
 $ the-> comment_user_role = '';
 }
 $ लेखक लौटा;
 }

 // प्रदर्शन टिप्पणी लेखक
 फ़ंक्शन wpb_comment_author_role ($ लेखक) {
 $ लेखक लौटा। = $ this-> comment_user_role;
 }
 }
 नया WPB_Comment_Author_Role_Label;
 अगर अंत; 

वर्डप्रेस फिल्टर में हुक के ऊपर यह फ़ंक्शन कोड उपयोगकर्ता भूमिका लेबल को शामिल करने के लिए टिप्पणी लेखक का नाम प्रदर्शित करने के लिए उपयोग किया जाता है।

आप अब कार्रवाई में देखने के लिए टिप्पणियों के साथ किसी भी पोस्ट पर जा सकते हैं। पंजीकृत उपयोगकर्ताओं द्वारा की गई टिप्पणियां टिप्पणी लेखक के नाम के आगे उनकी उपयोगकर्ता भूमिका प्रदर्शित करेंगी। गैर पंजीकृत उपयोगकर्ताओं द्वारा की गई कोई भी टिप्पणी केवल टिप्पणी लेखक का नाम प्रदर्शित करेगी।

उनकी टिप्पणी के बगल में प्रदर्शित उपयोगकर्ता भूमिका लेबल

अब जब हमने उपयोगकर्ता की भूमिका को जोड़ लिया है, यह समय है कि आप इसे शैली दें और इसे साफ करें।

हमारे कोड में, हमने प्रत्येक उपयोगकर्ता भूमिका के लिए एक सीएसएस वर्ग जोड़ा है, इसलिए हम इन सीएसएस वर्गों का उपयोग प्रत्येक उपयोगकर्ता बिल्ला को अलग तरह से अनुकूलित करने के लिए कर सकते हैं (i.e विविध रंगों का उपयोग करें आदि)

आप प्रारंभिक बिंदु के रूप में निम्नलिखित नमूना CSS का उपयोग कर सकते हैं:

.comment-author-label {
     पैडिंग: 5 पीएक्स;
     फ़ॉन्ट-आकार: 14px;
     सीमा-त्रिज्या: 3px;
 }

 .comment-author-label-editor {
 पृष्ठभूमि रंग: #efefef;
 }
 .comment-author-label-author {
 पृष्ठभूमि का रंग: #faeeee;
 }

 .comment- लेखक-लेबल-योगदानकर्ता {
 पृष्ठभूमि का रंग: # f0faee;
 }
 .comment-author-label-subscriber {
 पृष्ठभूमि का रंग: # eef5fa;
 }

 .comment-author-label-administrator {
 पृष्ठभूमि का रंग: # fde9ff;
 } 

अपनी पसंद के अनुसार सीएसएस समायोजित करने के लिए स्वतंत्र महसूस करें। यह हमारे डेमो वेबसाइट पर दिखाई देने का तरीका है:

उपयोगकर्ता भूमिका बैज अपनी टिप्पणियों के साथ प्रदर्शित