Steeds meer en meer reacties op verschillende artikelen komen binnen op onze website; leuk! Wij waarderen dat zeer en hopen dan ook dat steeds meer mensen even de tijd en moeite nemen om een reactie te geven. Uiteindelijk weten we samen meer en kunnen reacties bijdragen aan nog meer waardevolle tips en tricks.

Om de laatste reacties extra aandacht te geven hebben wij deze toegevoegd in onze sidebar van onze WordPress website (zoals je kunt zien rechts). De standaard widget functionaliteit in WordPress zal alleen een tekst regel tonen maar wij wilde ook graag de gravatar (kleine profielfoto) erbij. Hoe wij dat hebben gedaan lees je hieronder.

Gravatar tonen bij recente reacties via widget

Het tonen van een gravatar bij de laatste reacties zou je kunnen doen door op zoek te gaan naar een goede plugin. Dit keer hadden wij moeite om de juiste plugin te vinden en hebben dan ook gekozen voor een andere oplossing; het toevoegen van wat extra code. Mocht je helemaal geen ervaring hebben met het toevoegen van een code in bestanden, dan is het wellicht verstandig om even hulp te vragen aan mensen die hier verstand van hebben.

1) Ga naar de stylesheet van je website (bij mij: style.css) en voeg de volgende stuk code toe:

ul.recomm {
margin-left: 0;
margin-bottom: 36px;
list-style: none;
}
.recomm-wrapper {
clear:both;
min-height: 53px;
margin-bottom: 14px;
}
.recomm .avatar {
float:left;
margin-top:5px;
margin-right:10px;
border: #d8d8d8 1px solid;
}
.recommauth {
font-weight: bold;
}

2) Log in op de admin omgeving van je WordPress website

3) Ga naar het menu [Weergave] – [Widgets]

4) Sleep de widget “PHP Code” in de gewenste sidebar

5) Plak onderstaande code in de widget en klik op de knop [Save]

<?php $comments = get_comments(‘status=approve&number=5’); ?>
<ul class=”recomm”>
<?php foreach ($comments as $comment) { ?>
<li class=”recomm-wrapper”><?php
$title = get_the_title($comment->comment_post_ID);
echo get_avatar( $comment, ’53’ );
echo ‘<span class=”recommauth”>’ . ($comment->comment_author) . ‘</span>’;
?> op: “<?php
echo wp_html_excerpt( $comment->comment_content, 72 ); ?>..”
on <a href=”<?php echo get_permalink($comment->comment_post_ID); ?>”
rel=”external nofollow” title=”<?php echo $title; ?>”>
<?php echo $title; ?> </a>
</li>
<?php } ?> </ul>

6) De laatste reacties staan nu op je website.

Het tonen van je laatste reacties op je website kan ook stimulerend werken voor andere mensen om een reactie te geven. Over een tijdje zullen we jullie de bevindingen laten weten en of er daadwerkelijk meer mensen hebben gereageerd.

Succes!