BuddyPress, votre propre réseau social sous WordPress

Logo-Wordpress

 

WordPress a toujours été une plateforme de blogs, mais sa souplesse permet aux développeurs d’étendre ses possibilités à l’infini. En 2008, un développeur appelé Andy Peatling a utilisé WordPress pour créer un réseau social appelé BuddyPress pour un client. Il a crée un plugin assez souple pour exploiter les possibilités de nombreux réseaux sociaux tels que Facebook dans une installation WordPress MU (Multi-Utilisateurs). WordPress 3.0 réunit le potentiel de MU et de la forme standard. Cela permet notamment de créer plusieurs blogs avec un seul logiciel WordPress. Au fil des années, BuddyPress s’est popularisé avec le boom des réseaux sociaux, et Automattic, la société qui possède WordPress a racheté BuddyPress, et Andy Peatling est devenu l’un de leurs principaux développeurs.

 

BuddyPress, c’est quoi ?

En bref, BuddyPress est un plugin qui possède de nombreux composants qu’on peut utiliser ensemble ou indépendamment. Chaque composant fournit une option de réseau social à ses utilisateurs, et on peut citer les messages privés, les groupes et les activités de chaque personne.

Dans un blog WordPress standard, le point central est le blog. En revanche, BuddyPress inverse ce processus en se concentrant sur l’utilisateurs avec ses activités, ses messages et ses groupes. En fait, BuddyPress peut occulter le blog principal sinon ce ne serait qu’un plugin qui gacherait tout son potentiel.

 

Installer BuddyPress dans WordPress

En premier lieu, on doit télécharger BuddyPress sur : http://buddypress.org/download/, ensuite décompresser-l’archive, et déplacer son contenu dans le répertoire wp-content/plugins de votre blog WordPress.

wordpress buddypress1

Ensuite, connectez-vous à votre Tableau de Bord de WordPress, et allez dans Extensions, vous y verrez le plugin BuddyPress que vous n’aurez plus qu’à activer.

wordpress buddypress2

 

wordpress buddypress3

 

Vous verrez un message d’avertissement vous disant que vous avez besoin d’activer un thème compatible avec BuddyPress.

wordpress buddypress4

C’est l’un des problèmes avec BuddyPress, il ne supporte pas tous les thèmes WordPress, enfin si, mais disons que les résultats sont parfois surprenants. Essayez d’afficher directement votre blog avec un thème incompatible, et vous verrez de quoi je parle.

wordpress buddypress5

 

wordpress buddypress6

 

Vous avez compris ? L’affichage est totalement bouleversé, car BuddyPress se retrouve totalement au bas de la page. En fait, vos lecteurs ne sauront même pas que vous avez BuddyPress à moins qu’ils ne fassent défiler votre blog jusqu’en bas, et puis le résultat est franchement inesthétique. Pour être efficace, BuddyPress doit s’intégrer parfaitement dans le thème, mais très peu le supportent. Si vous naviguez dans votre répertoire, WordPress vous affichera les thèmes qu’il supporte, mais avec des résultats parfois inattendues. Mais vous pouvez utiliser un thème parfaitement compatible, car BuddyPress possède son propre thème qu’on peut utiliser :

wordpress buddypress7

Activez-le et testez le résultat :

wordpress buddypress8

 

BuddyPress s’intègre parfaitement au blog, on a l’information de profil tout en haut, les différents modules sur la barre de navigation, et l’avatar de l’utilisateur qui devient un point central. C’est comme si l’article devenait secondaire alors que c’est généralement le contraire dans un blog standard.

Il est vrai que le design est un peu à l’arrache, mais on peut le modifier si on connait le CSS. Pour le moment, on va s’intéresser à la configuration de BuddyPress

 

Configurer BuddyPress

Une fois que vous avez installé et activé BuddyPress, un nouveau menu apparaitra avec les options suivantes :

  • General Settings
  • Componants Setup
  • Forums Setups
  • Profil Field Setup

General Setting

Les options dans General Setting vous permet de régler BuddyPress au niveau global :

wordpress buddypress10

Voici les options disponibles :

  • Base profile group name
  • Full Name field name
  • Disable BuddyPress to WordPress profile syncing?
  • Hide admin bar for logged out users?
  • Disable avatar uploads? (Gravatars will still work)
  • Disable user account deletion?
  • Disable global forum directory?
  • Disable activity stream commenting on blog and forum posts?
  • Default User Avatar

Chaque utilisateur peut avoir son propre profil qu’on peut grouper selon ses besoins, mais BuddyPress crée un profil principal, et on peut le nommer dans l’option Base profile group name. Cela peut être n’importe quoi : Profils Globaux, Contact Principal, etc. L’option Full Name field name permet de nommer le groupe d’un profil, attention, c’est différent d’un profil normal. Le Field Profil sert à grouper les utilisateurs selon leur thématique. Par exemple, vous possédez une association qui oeuvre dans les pays de développement, et chacun de vos agents possède des profils sur votre blog, donc vous pouvez les grouper sur des secteurs tels que Finance, Récolte de Fond, Transport, Communication, etc. Dans certains cas, le potentiel du profil est gaspillé alors que c’est l’un des principaux éléments de la puissance de BuddyPress. Un autre exemple serait un blog qui parlerait des systèmes d’exploitations, et vous pouvez permettre à vos utilisateurs de se regrouper selon les systèmes qu’ils utilisent tels que Windows, Unix, Linux, etc.

Pour comprendre l’option Disable BuddyPress to WordPress profile syncing?, on doit savoir que BuddyPress peut fonctionner presque indépendamment de WordPress, aussi vous pouvez régler de sorte que les profils standards et BuddyPress ne soient pas synchronisés. Cependant, il est déconseillé de ne pas désactiver cette option. Hide admin bar for logged out users? permet de masquer l’admin du blog lorsqu’il est connecté. Cela dépend des préférences de chacun, car certains blogueurs aiment jouer les Big Brothers dans leurs communautés. Disable avatar uploads? (Gravatars will still work) empêche les utilisateurs d’uploader leurs propres images pour leurs avatars. Cette option n’est pas conseillée à moins que vous ayez un espace très limité. L’option Disable user account deletion? empêche les admin de supprimer des comptes BuddyPress. On conseille de l’activer, car on peut suspendre ou bannir un compte si c’est nécessaire. Disable global forum directory? concerne le composant bbPress dont nous parlerons par la suite, c’est un forum qu’on peut intégrer dans un blog WordPress. Il est préférable de ne pas toucher à cette option. Disable activity stream commenting on blog and forum posts? est empêche que les activités des utilisateurs ne polluent les commentaires et le forum.

 

Le concept d’Activité de BuddyPress

Une activité dans BuddyPress est similaire au Wall de Facebook. Elle réunit toutes les publications tels que les photos, les articles, les mises à jours des utilisateurs. C’est de loin le composant le plus puissant de BuddyPress, car il occulte même le blog si les utilisateurs sont très actifs. Ce flux d’activité possède aussi une API (Application Programming Interface) afin que les développeurs puissent étendre ses possibilités.

wordpress buddypress11

 

 

Autrefois, BuddyPress permettait aux membres d’avoir leurs propres blogs, mais depuis que WordPress et sa version MU ont fusionné, ce composant n’est plus nécessaire (même s’il est toujours disponible pour l’admin). Tout se cantonne aux activités des utilisateurs. On voit dans l’image ci-dessus que c’est très semblable à Twitter.

 

bbPress, un forum prêt à l’emploi dans WordPress

Afin de donner le maximum d’interaction aux utilisateurs, BuddyPress possède un forum qu’on peut installer de l’onglet Forums Setup :

wordpress buddypress12

 

wordpress buddypress13

 

Dans mon cas, le forum est déjà installé, sinon vous verrez un bouton vous permettant de le faire un seul clic. Ensuite, on pourra accéder au forum sous la forme : http://www.votreblog.com/forums, mais étant donné que nous avons désactivé l’option Disable global forum directory? dans General Setting, vous pourrez voir un menu Forums dans la barre de navigation, cliquez dessus pour le voir :

wordpress buddypress14

 

wordpress buddypress15

 

Attention, vous ne pourrez utiliser le forum que si vous êtes à l’intérieur d’un groupe, et si c’est nécessaire, il faudra également créer ce dernier. Allez dans le menu Groupes, et créez en un.

wordpress buddypress16

 

Moi, j’ai crée un groupe nommé Blogging, et c’est ensuite seulement que je peut poster sur le forum.

wordpress buddypress17

 

wordpress buddypress18

 

Enfin, comme dans tous les réseaux sociaux, chaque utilisateur peut personnaliser à volonté son profil et son avatar.

 

Est-ce que vous avez besoin de BuddyPress ?

Il est évident que BuddyPress n’est utile que dans des cas très particuliers. La majorité des blogueurs possèdent une communauté, mais ils n’aiment pas que celle-ci devienne un point central. Le blogueur veut garder un contrôle dans son espace, et cela se comprend. Mais BuddyPress devient indispensable pour créer une communauté ayant les mêmes droits, par exemple, dans une entreprise, association, travail collaboratif, etc. Il permet de créer simplement son réseau social tout en bénéficiant de la souplesse et de la puissance de WordPress ! J’ai omis plusieurs aspects de BuddyPress, car ils sont faciles à comprendre. Toutefois, si vous rencontrez problèmes pour l’utiliser, eh bien ! j’attends vos commentaires.

Juste pour préciser que BuddyPress déconne parfois avec un problème de mémoire dans la base MySQL. Cela m’est arrivé quand j’ai voulu le tester sur un autre blog. Ainsi, certains composants tels que le forums n’ont pas voulu fonctionner, mais généralement cela devrait se passer sans problème. Une dernière chose est que BuddyPress possède ses propres styles CSS situés dans le répertoire wp-content/plugins/buddypress de votre blog WordPress. Mais leurs modifications ne convient qu’aux utilisateurs expérimentés.

8 réflexions sur “BuddyPress, votre propre réseau social sous WordPress

  1. Ping : Tweets that mention BuddyPress, votre propre réseau social sous Wordpress « Maniac Geek -- Topsy.com

  2. Ping : Le petit journal du web : HTML5, CSS3, jQuery, WordPress, Métiers du Web, Vie quotidienne et Nostalgeek

  3. Ping : Comment dépanner Wordpress ? « Maniac Geek

  4. Ping : 14 plugins pratiques pour Wordpress « Maniac Geek

  5. Bonjour, merci de tenir les blogueurs dans l’actualité! Pour ma part, ,je débute donc c’est bien avant de vraiment commencer savoir ou il serait possible d’aller.
    Bonne continuation et encore merci, Emmanuel.

  6. Bonjour, et merci pour ces explications !

    j’ai pu installé buddypress et tester quelques unes de ces merveilleuses possibilités :) Même débutant on s’en sort sans trop de difficultés.

    Cependant j’ai peut-être fait une fausse manip’ et j’ai beau chercher sur internet je ne comprends pas comment fonctionnent les avatars. Il me dit “ok c’est bien chargé” mais ne prends pas en compte mon nouvel avatar. De plus j’utilise FB et Twitter connect, j’aimerai que l’avatar soit le même automatiquement. J’ai du mal à trouver du support pour ce problème, alors à tout hasard permettez moi de demander ici si quelqu’un à une idée :)

    Bonne journée !

    Fabio

Laissez votre merveilleux commentaire !

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Twitter picture

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Connexion à %s