BuddyPress – Un outil de gestion de réseau social basé sur WordPress Mu



Dans cet article, nous allons voir comment installer BuddyPress, qui soit dit en passant est le système sur lequel tourne hemedia.net. Pour se faire, on va partir des toutes dernières versions des deux applications nécessaire au bon fonctionnement de la plate-forme communautaire de WordPress à l’heure où cet article s’écrit.

  • wordpress Mu 2.7.1, l’outil de gestion de blog multi-utilisateurs basé sur WordPress
  • buddypress.1.0.1, l’extension communautaire qui s’applique à wordpress Mu

Quelques informations complémentaires sur WordPress, BuddyPress….etc Bref l’écosystème WP

Pour mieux comprendre, la logique d’un réseau social et du fonctionnement de WordPress, je vous invite à découvrir ces articles. Nous y ferons référence au cours de cette article.

Pour installer rapidement et simplement un site en local qui fonctionne avec le couple php-mysql, reportez-vous aux articles de ce blog :

Toutes les installations font se faire en anglais afin d’éviter tous les problèmes liés à la localisation de l’outil WP. Nous allons donc télécharger les versions anglaises des logiciels et pas se faire des .mo au cerveau, cela n’en vaut .po la peine pour le moment !

I. Installation de wordpress Mu 2.7.1 (wordpress-mu-2.7.1.zip)

La première chose à faire est de télécharger le fichier d’installation wordpress-mu-2.7.1.zip à ladresse suivante : http://mu.wordpress.org/download/

1. Créer la BDD pour réceptionner WPMU

Nous passons directement par le client MySQL dans notre environnement de test sur MAMP.
La commande SQL pour se connecter au client MySQL de MAMP. Vous vous connecté(e) comme utilisateur root, le mot de passe est root

1.1 se connecter comme root

/Applications/MAMP/Library/bin/mysql -u root -p

1.2 créer la BDD bp_install

# Création de la base bp_install
CREATE DATABASE bp_install;

1.3 créer l’utilisateur bp_install

	# Création simultanée de la base bp_install
	# et de l'utilisateur bp_install
	CREATE USER 'bp_install'@'localhost' IDENTIFIED BY 'bp_install';
	GRANT USAGE ON *.* TO 'bp_install'@'localhost' IDENTIFIED
	BY 'bp_install'WITH MAX_QUERIES_PER_HOUR 0 MAX_CONNECTIONS_PER_HOUR 0
	MAX_UPDATES_PER_HOUR 0 MAX_USER_CONNECTIONS 0; CREATE DATABASE
	IF NOT EXISTS bp_install;GRANT ALL PRIVILEGES ON bp_install.*
	TO 'bp_install'@'localhost';

Au terme de ces commandes dans MySQL, nous aurons donc de quoi compléter les informations demandées lors de l’installation de WordPress Mu 2.7.1 A savoir les informations suivantes :
Database Name = bp_install
Database User name = bp_install
Database Password = bp_install
Database Host = localhost

1.4 Commandes SQL pour détruire les BDD

Dans le cas ou vous voulez refaire marche arrière, vous pouvez en passant les commandes suivantes dans client MySQL, repartir de zéro pour l’installation de WPMU/BP.

	# Destruction de la base bp_install et
	# de l'utilisateur bp_install@localhost ...
	DROP USER wpmu_install@localhost;
	DROP DATABASE IF EXISTS wpmu_install;

2. Lancement de l’installation de WordPress Mu (WPMU)

Ecran – Lancement de l’installation

Après voir créer la base, vous venez de décompresser le fichier dans le répertoire /Applications/MAMP/htdocs/wordpress_2_7_mu/, vous pouvez donc accéder à l’installation via http://127.0.0.1/wordpress_2_7_mu/
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

Ecran – Choix des adresses des blogs

Pour simplifier, on choisit l’option “Sub-directories”
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

Ecran – Détails de connexion à la BDD

L’écran est complété avec les informations données plus haut.
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

Ecran – Félicitations, l’installation est terminée !

Vous pouvez vous rendre sur votre WPMU nouvellement crée
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

Ecran – Accéder à WPMU

Pour simplifier, on choisit l’option “Sub-directories”
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

Le texte de félicitations une fois WPMU installé.
Deux choses importantes à noter :

  • Le mot de passe admin
  • Les autorisations sur les répertoires.
 
	Installation Finished!
 
	Congratulations!
	Your WordPress µ site has been configured.
 
	You can log in using the username "admin" and password 60e71a573040
	Directory Permissions
 
	Please remember to reset the permissions on the following directories:
 
	    * /Applications/MAMP/htdocs/wordpress_2_7_mu/wordpress-mu
	    * /Applications/MAMP/htdocs/wordpress_2_7_mu/wordpress-mu/wp-content/
 
You can probably use the following command to fix the
permissions but check with your host if it doubt:
	chmod 755  /Applications/MAMP/htdocs/wordpress_2_7_mu/wordpress-mu
	chmod 755  /Applications/MAMP/htdocs/wordpress_2_7_mu/wordpress-mu/wp-content/
	Further reading
 
	    * If you run into problems, please search the WordPress µ Forums
where you will most likely find a solution. Please don't post there
before searching. It's not polite.
	    * There is also the WordPress µ Trac. That's our bug tracker.
 
	Thanks for installing WordPress µ!
 
	Donncha
	wpmu version: 2.7

Créer une entrée dans votre fichier hosts (pas indispensable)

On va pour l’occasion faire une variante en créant une entrée 127.0.0.1 buddypress dans notre fichier hosts. On pourra en local accéder à notre espace avec WordPress Mu en tapant http://buddypress/wordpress_2_7_1_mu/wordpress-mu/ dans la barre d’adresse de notre navigateur.

Pour savoir comment faire la manipulation sur PC ou MAC, reportez-vous à l’article suivant :
Modifier son fichier hosts sur Mac ou sur PC

N’oublier pas de changer le mot de passe admin par un mot de passe plus simple, dans notre exemple, on passe de 591be202d7aa pour buddypresshecube. Vous en avez terminé avec l’installation de WPMU, passosn à BP (BuddyPress)

II. Installation de BuddyPress 1.0.1 (buddypress.1.0.1.zip)

Une fois que vous avez téléchargé le fichier buddypress.1.0.1.zip. Vous devez le décompresser et le placer dans un répertoire nouvellement crée buddypress dans le répertoire /wp-content/plugins/

1. Activer le plugin buddypress

En activant le plugin buddypress vous aller activer l’extension commaunitaire de WPMU.

L’administration de WPMU
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

Activation des plugins “site wide”
Avant de pouvoir activer le plugin BP, vous devez permettre au plugin de toute type de s”activer sur l’ensemble du site.
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

L’activation de BuddyPress se fait ensuite comme un simple plugin
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

Vous pouvez cliquer indifféremment sur l’un des liens “Activate” ou “Activate BuddyPress Site Wide”
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

BuddyPress est activé !
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

2. Autoriser les inscriptions (pas obligatoire)

Si l’écran ci-dessous apparait c’est que vous devez autoriser les inscriptions afin de tirer pleinement profit de WPMU. Si le cas de figurer se présente, vous devez autoriser les inscriptions.

BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

3. Faire apparaitre le thème BuddyPress

Pour faire apparaître à proprement parler, BuddyPress, il vous faut activer le thème BP. En effet tant que le thème n’est aps installé, vous ne verrez pas les ajouts fonctionnels de BuddyPress à WPMU.

Le message d’erreur dans l’attente du theme bp-themes
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

You do not have any BuddyPress themes installed.
 
Please move the default BuddyPress themes to their correct location
(move /Applications/MAMP/htdocs/wordpress_2_7_1_mu/bp/wp-content/plugins/buddypress/bp-themes/
to /Applications/MAMP/htdocs/wordpress_2_7_1_mu/bp/wp-content/bp-themes/)
and reload this page. You can download more themes here.

3.1 Le déplacement de bpmember

Il faut copier le répertoire bpmember de /wp-content/plugins/buddypress/bp-themes/ vers /wp-content/bp-themes/. Attention, vous devez créer le répertoire bp-themes dans /wp-content/ car il n’existe pas.

3.2 Le déplacement de bphome

Pour mettre le thème de BP, il faut copier le répertoire du thème bphome de /wp-content/plugins/buddypress/bp-themes/ dans /wp-content/themes/.

3.3 Activation du thème

Vous devez ensuite l’activer comme un thème de WordPress.

BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

Le message d’erreur a disparu…
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

4. Insérer des widgets dans le thème BP

Il vous reste à insérer des widgets dans chacune des colonnes du template BP : left-column, center-column, right-column, blog-sidebar

L’insertion des widgets se fait comme sur une theme wordpress normal…
BuddyPress - Un outil de gestion de réseau social basé sur WordPress Mu

Sur l’insertion des widgets, vous pouvez vous reporter à l’article de ce blog WordPress – Créer un thème WordPress Widget Ready dans la partie “Manipuler les widgets par sidebar depuis l’admin”.

Pour aller plus loin