Ang isa sa aming mga mambabasa ay nagtanong kung posible na i-highlight ang papel ng user sa tabi ng bawat komento sa WordPress? Ang pagpapakita ng label ng papel ng gumagamit ay nagbibigay ng timbang sa mga komento na ginawa ng mga nakarehistrong user sa iyong website partikular na mga may-akda, mga editor, at mga admin. Sa artikulong ito, ipapakita namin sa iyo kung paano madaling magdagdag ng label ng papel ng user sa tabi ng mga komento sa WordPress.
Bakit Ipakita ang Label ng Tungkulin ng Gumagamit Susunod sa Komento Pangalan ng May-akda sa WordPress?
Kung pinahihintulutan mo ang pagpaparehistro ng user sa iyong website o magpatakbo ng isang website ng multi-author na WordPress, ang mga label ng user ay maaaring magpapakilala sa mga user sa isa’t isa batay sa kanilang mga tungkulin ng user.
Halimbawa, ang mga user na may papel ng gumagamit ng editor ay magpapakita ng isang badge sa tabi ng kanilang pangalan sa mga komento na nagpapaalam sa iba pang mga gumagamit na ang komentong ito ay ginawa ng isang editor.
Nagtatayo ito ng tiwala ng gumagamit at nagdaragdag ng pakikipag-ugnayan ng user sa mga komento sa iyong website.
Maraming mga tema ng WordPress lamang i-highlight ang mga komento na ginawa ng may-akda ng post. Hindi sila nagpapakita ng mga label para sa anumang iba pang mga tungkulin ng user kahit na ang ibang mga komento ay ginawa ng mga nakarehistrong user o administrator ng site.
Iyon ay sinabi, tingnan natin kung paano madaling magdagdag ng label ng papel ng user sa tabi ng mga komento sa WordPress.
Pagdaragdag ng Gumagamit ng Label ng Tungkulin Susunod sa Komento ng May-akda Pangalan sa WordPress
Hinihiling ka ng tutorial na ito upang magdagdag ng code sa iyong mga file ng WordPress tema. Kung hindi mo pa nagawa ito, mangyaring tingnan ang aming gabay kung paano madaling kopyahin at i-paste ang code sa WordPress.
Ang unang bagay na kailangan mong gawin ay idagdag ang sumusunod na code sa mga function.php ng iyong tema o isang site-specific na plugin.
kung (! class_exists ('WPB_Comment_Author_Role_Label')):
klase WPB_Comment_Author_Role_Label {
pampublikong 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'));
}
/ / Kumuha ng komento ng may-akda ng komento
function wpb_get_comment_author_role ($ may-akda, $ comment_id, $ comment) {
$ authoremail = get_comment_author_email ($ komento);
/ / Suriin kung nakarehistro ang user
kung (email_exists ($ authoremail)) {
$ commet_user_role = get_user_by ('email', $ authoremail);
$ comment_user_role = $ commet_user_role-> mga tungkulin [0];
// HTML output upang idagdag sa tabi ng pangalan ng may-akda ng komento
$ this-> comment_user_role = ' ';
} else {
$ this-> comment_user_role = '';
}
ibalik ang $ na may-akda;
}
// Ipakita ang may-akda ng komento
function wpb_comment_author_role ($ author) {
bumalik ang $ may-akda. = $ this-> comment_user_role;
}
}
bagong WPB_Comment_Author_Role_Label;
tapusin kung;
Ang code ng function na ito sa itaas ng mga hook sa mga filter ng WordPress na ginamit upang ipakita ang pangalan ng may-akda ng komento upang isama ang label ng papel ng gumagamit.
Maaari mo na ngayong bisitahin ang anumang post na may mga komento upang makita ito sa pagkilos. Ang mga komento na ginawa ng mga nakarehistrong user ay magpapakita ng papel ng kanilang user sa tabi ng pangalan ng may-akda ng komento. Ang anumang komento na ginawa ng mga hindi nakarehistrong user ay magpapakita lamang ng pangalan ng may-akda ng komento.
Ngayon na idinagdag namin ang papel ng gumagamit, oras na upang estilo ito at gawin itong mukhang malinis.
Sa aming code, nagdagdag kami ng isang klase ng CSS para sa bawat papel ng gumagamit, upang maaari naming gamitin ang mga klase ng CSS upang i-customize ang bawat badge ng gumagamit nang naiiba (i.e gumamit ng iba’t ibang kulay, atbp)
Maaari mong gamitin ang sumusunod na halimbawang CSS bilang panimulang punto:
.comment-author-label {
padding: 5px;
laki ng font: 14px;
border-radius: 3px;
}
.comment-author-label-editor {
background-color: #efefef;
}
.comment-author-label-author {
background-color: #faeeeeee;
}
.comment-author-label-contributor {
background-color: # f0faee;
}
.comment-author-label-subscriber {
background-color: # eef5fa;
}
.comment-author-label-administrator {
background-color: # fde9ff;
}
Huwag mag-atubiling baguhin ang CSS ayon sa gusto mo. Ganito ang hitsura nito sa aming demo website:
