BuddyPress est une bonne, voire très bonne solution pour ceux qui désirent créer un réseau social sans avoir à coder pendant des semaines.

Cependant (comme toutes les solutions basées sur des CMS), il faut souvent soulever le capot, entendez par là coder, pour l’adapter à un besoin spécifique : dans mon cas, afficher une galerie de 20 avatars, correspondant aux derniers 20 membres inscrits sur la plateforme.

Bref, rien d’extraordinairement compliqué, si on fait appel à la double magie de PHP et de WordPress .

Dans un premier temps, insérez dans votre template cette portion de code

 

<ul id= »galerie-mbre »>

<?php if ( bp_has_members( ‘type=newest&amp;max=6’ ) ) : ?>

<?php while ( bp_members() ) : bp_the_member(); ?>

<li class= »mbre-item »><a href= »<?php bp_member_permalink() ?> »><?php bp_member_avatar(‘type=full&amp;width=70&amp;height=70’) ?></a></li>

<?php endwhile; ?>

<?php endif; ?>

</ul>

 

ainsi que le code css qui va avec dans le fichier style.css (ou l’équivalent) de votre template wordpress.

.item {
display: block;
float: left;
padding: 0 5px 0 0;
position: relative;
}

.item a img.avatar{

height:40px !important;

width:40px !important;

}

 

Ce qui devrait donner le résultat ci dessous

Screen shot 2012 11 29 at 13 28 04

Jean Luc Houédanou