Une petite astuce pour faire des modifications rapide des thèmes Buddypress. Il est possible de modifier les feuilles de style associées aux thèmes de façon rapide et propre.
Dans le répertoire mon_install_wpmu/wp-content/theme/buddypress-home/css/, vous avez les feuilles de style du thème principal décomposées de la façon suivante :
base.css => Fichier de définition CSS globale.
custom-sample.css => Voir plus bas.
ie/ => Fichiers CSS spécifique pour Internet Explorer
loader.php => Fichier permettant de gérer les différents fichiers CSS.
Le fichier « custom-sample.css » vous permet de modifier à votre guise les différents style de la CSS de base, sans avoir à toucher les fichiers livrés avec BuddyPress. Cela permet de pouvoir faire des mise à jour de buddypress, en douceur, sans tout perdre.
Pour que le fichier « custom-sample.css » fonctionne, il faut tout d’abord le renommer :
mv custom-sample.css custom.css
A partir de là, vous pouvez mettre les styles que vous voulez modifier dans le fichier « custom.css » et les modifications seront prisent en compte lorsque du rechargement de la page de votre site.
Pour prendre un exemple, si vous voulez modifier la couleur de fond du corps de la page:
Il faut copier la définition du style #body du fichier base.css qui contient :
body {
background: #fff;
font-size: 1.2em;
color: #555;
background: url(../images/background.gif) top left repeat-y;
line-height: 170%;
min-width: 960px;
max-width: 1300px;
margin: 0 auto;
}
et mettre les styles suivant dans « custom.css » :
body {
background: #ff0000;
font-size: 1.2em;
color: #555;
line-height: 170%;
min-width: 960px;
max-width: 1300px;
margin: 0 auto;
}
Recharger votre site et vous verrez vos modifications. Pour le moment, le site pique les yeux car le rouge est plutôt violent mais c’est plus pour vous montrer la mécanique. Maintenant, c’est à vous de jouer et de modifier votre page buddypress comme vous le souhaitez. A noter, qu’un certain nombre de bandeaux de couleur sont gérés par des images. Si vous voulez complètement modifier les couleurs de votre thème, il faudra utiliser votre logiciels de retouche d’image préféré afin de procéder à ce changement.
La même mécanique est, bien entendu, possible avec les thèmes des membres.
