Hoe een rol label voor gebruikers toe te voegen naast opmerkingen in WordPress

3 min


135

Laat, E.W.M. de (Erwin)

All rights reserved

DeLaatBusiness

Hoe een rol label voor gebruikers toe te voegen naast opmerkingen in WordPress

Hoe een rollabel voor gebruikers toevoegen naast opmerkingen in WordPress

Een van onze lezers vroeg of het mogelijk was de gebruikersrol naast elke opmerking in WordPress te markeren? Het weergeven van een gebruikersrollabel geeft gewicht aan opmerkingen van geregistreerde gebruikers op uw website, met name auteurs, editors en beheerders. In dit artikel laten we u zien hoe u eenvoudig gebruikersrollabels naast opmerkingen in WordPress kunt toevoegen.

Voeg een gebruikersrol toe naast opmerkingen in WordPress

Waarom rol gebruikerslabel tonen naast Auteur naam vermelden in WordPress?

Als u gebruikersregistratie op uw website toestaat of een WordPress-website met meerdere auteurs uitvoert , kunnen gebruikers labels gebruikers aan elkaar introduceren op basis van hun gebruikersrollen .

Gebruikers met de gebruikersrol van de redacteur tonen bijvoorbeeld een badge naast hun naam in reacties die andere gebruikers laten weten dat deze opmerking is gemaakt door een editor.

Het verhoogt het gebruikersvertrouwen en vergroot de betrokkenheid van gebruikers bij opmerkingen op uw website.

Veel WordPress-thema’s markeren alleen opmerkingen van postauteurs . Ze tonen geen labels voor andere gebruikersrollen, ook niet als andere opmerkingen zijn gemaakt door geregistreerde gebruikers of sitebeheerders.

Dat gezegd hebbende, laten we eens kijken hoe eenvoudig gebruikersrollabel naast opmerkingen in WordPress kan worden toegevoegd.

Gebruikersrollabel toevoegen naast Auteurstitel in WordPress

Deze tutorial vereist dat je code toevoegt aan je WordPress themabestanden. Als je dit nog niet eerder hebt gedaan, kijk dan in onze handleiding over hoe je gemakkelijk code kunt kopiëren en plakken in WordPress .

Het eerste wat u hoeft te doen is de volgende code toevoegen aan het functie.php- bestand van uw thema of een sitespecifieke plug-in .

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

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 $author .= $this->comment_user_role;

}

}

new WPB_Comment_Author_Role_Label;

endif;

Bovenstaande functiecode haakt in WordPress-filters die worden gebruikt om de naam van de auteur van de opmerking weer te geven, inclusief het label van de gebruikersrol.

Je kunt nu elk bericht met reacties bezoeken om het in actie te zien. Opmerkingen van geregistreerde gebruikers geven hun gebruikersrol weer naast de naam van de auteur van de opmerking. Bij opmerkingen van niet-geregistreerde gebruikers wordt alleen de naam van de auteur van de opmerking weergegeven.

Gebruikersrollabel weergegeven naast hun opmerking

Nu we de gebruikersrol hebben toegevoegd, is het tijd om het te stylen en het er schoon uit te laten zien.

In onze code hebben we een CSS-klasse toegevoegd voor elke gebruikersrol, zodat we deze CSS-klassen kunnen gebruiken om elke gebruikersbadge anders aan te passen (dwz verschillende kleuren gebruiken, enz.)

U kunt de volgende voorbeeld-CSS als uitgangspunt gebruiken:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

.comment-author-label {

    padding: 5px;

    font-size: 14px;

    border-radius: 3px;

}

 

.comment-author-label-editor { 

background-color:#efefef;

}

.comment-author-label-author {

background-color:#faeeee;

}

 

.comment-author-label-contributor {

background-color:#f0faee;  

}

.comment-author-label-subscriber {

background-color:#eef5fa;  

}

 

.comment-author-label-administrator {

background-color:#fde9ff;

}

U kunt de CSS naar wens aanpassen. 

Gebruikersrol badges weergegeven met hun opmerkingen

We hopen dat dit artikel u heeft geholpen om te leren hoe u een gebruikersrollabel naast opmerkingen in WordPress kunt toevoegen. 


Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format