Një nga lexuesit tanë pyeti nëse ishte e mundur të theksohej roli i përdoruesit pranë çdo komenti të WordPress? Shfaqja e etiketës së rolit të përdoruesit u jep peshë komenteve të bëra nga përdoruesit e regjistruar në faqen tuaj Site Web, veçanërisht autorët, botuesit dhe administratorët. Në këtë tutorial, ne do t'ju tregojmë se si të shtoni me lehtësi një etiketë me rolin e përdoruesit pranë komenteve në WordPress.

shtoni një etiketë në rolin e përdoruesit.png

Pse të shfaqni etiketën e rolit të përdoruesit pranë një komenti në WordPress?

Nëse ju lejoni regjistrimin e përdoruesit në tuaj Site Web ose nëse drejtoni një Site Web WordPress me shumë autorë, etiketat e përdoruesve mund t'i prezantojnë përdoruesit me njëri-tjetrin bazuar në rolet e tyre të përdoruesve.

Për shembull, përdoruesit me rolin e përdoruesit "Redaktor" do të kenë një distinktiv pranë emrit të tyre në komente, i cili do t'u tregojë përdoruesve të tjerë se ky koment është bërë nga një redaktor.

Ai ndërton besimin e përdoruesit dhe rrit angazhimin e përdoruesit në komentet në faqen tuaj të internetit.

shumë Temat e WordPress theksoni vetëm komentet e bëra nga autori i postimit. Ato nuk shfaqin etiketa për role të tjera përdoruesish, edhe nëse komente të tjera bëhen nga përdorues të regjistruar ose administratorë të faqes.

Kjo u tha, le të hedhim një vështrim se si të shtojmë me lehtësi etiketën e rolit të përdoruesit pranë komenteve në WordPress.

Shtimi i një etikete të rolit të përdoruesit pranë një komenti

Ky tutorial kërkon që ju të shtoni kod në skedarët tuaj. WordPress theme. Nëse nuk e keni bërë këtë më parë, atëherë hidhini një sy se si ta personalizoni tuajën WordPress theme .

Gjëja e parë që duhet të bëni është të shtoni kodin e mëposhtëm në skedarin Funksionet.php të temës suaj ose në një shtojcë aktive në sit.

nëse (! Klasa_ekziston ('BPC_Comment_Author_Role_Label_Rol_Label')): Klasa BPC_Comment_Author_Role_Label {funksioni publik __construction () {add_filter ('get_comment_author', varg ($ this, 'bpc_get_comment_author)) add_filter ('get_comment_author_link', vargu ($ kjo, 'bpc_comment_author_role')); } // Merrni funksionin e rolit të autorit të komentit bpc_get_comment_author_role ($ autor, $ comment_id, $ koment) {$ authoremail = get_comment_author_email ($ koment); // Nëse përdoruesi është i regjistruar nëse (email_eksiston ($ authoremail)) {$ commet_user_role = get_user_by ('email', $ authoremail); $ comment_user_role = $ commet_user_role-> rolet [10]; // Përmbajtja për të shtuar pranë emrit $ this-> comment_user_role = ". ucfirst ($ comment_user_role). ' '; } tjetër {$ this-> comment_user_role = ''; } kthimi $ autori; } // Shfaq autorin e funksionit të komentit bpc_comment_author_role ($ autori) {return $ autori. = $ Kjo-> comment_user_role; }} BPC_Comment_Author_Role_Label i ri_Koment; endif;

Ky kod i shkurtër më sipër lidhet me filtrat WordPress të përdorur për të shfaqur emrin e autorit të komenteve për të përfshirë etiketën e rolit të përdoruesit.

Tani mund të vizitoni çdo postim me komente për ta parë atë në veprim. Komentet e bëra nga përdoruesit e regjistruar do të shfaqin rolin e tyre të përdoruesit pranë emrit të autorit të komentit. Çdo koment i bërë nga përdorues të paregjistruar do të shfaqë vetëm emrin e autorit të komentit.

koment komente me rolin e përdoruesit.png

Tani që kemi shtuar rolin e përdoruesit, është koha ta stilizojmë dhe ta bëjmë të pastër.

Në kodin tonë, ne shtuam një klasë CSS për secilin rol të përdoruesit, kështu që mund t'i përdorim këto klasa CSS për të personalizuar secilin distinktiv përdoruesi ndryshe (d.m.th. të përdorim ngjyra të ndryshme, etj.)

Ju mund të përdorni shembullin e mëposhtëm CSS si një pikë fillestare:

.comment-autor-etiketë {mbushje: 5px; madhësia e fontit: 14px; rreze kufitare: 3px; } .com-autor-etiketë-redaktues {sfond-ngjyra: #efefef; .com-autor-etiketë-autor {sfond-ngjyra: #faeeee; } .com-autor-etiketë-kontribues {sfond-ngjyra: #f0faee; .koment-autor-etiketë-pajtimtar {sfond-ngjyra: #eef5fa; } .com-autor-etiketë-administrator {sfond-ngjyra: #fde9ff; }

Mos ngurroni të rregulloni CSS sipas dëshirës tuaj. Ja se si dukej faqja jonë demo:

faqe demonstrimi i rezultateve css.png

Kjo është e gjitha për këtë manual, shpresoj se do t'ju lejojë të shtoni një distinktiv pranë teksteve të anëtarëve të stafit tuaj.