Selon le tutoriel en anglais du site officiel, je modifie un peu l’aspect du site et je note au fur et à mesure les petits trucs dont il faut se souvenir:

Notion de parent et d’enfants.

La nouvelle version de bp se sert en même temps  des deux dossiers que l’on a placé dans wp-content/themes/. Y’en a qui parle de framework, pour le moment je vais m’ abstenir .

thèmes buddyPress dans l'admin

• bp-sn-parent
  Contient les templates php de bp, c à d les modèles de grilles (maquette et fonctions) des pages comme archives, author, blogs, forums…etc…Vu comme un thème complet par l’interface d’administration, il n’a pas besoin d’être activé pour fonctionner. On ne le modifie jamais.
• bp-default
  C’est ce dossier qui contient les images et les styles du thème utilisé: c’est lui qu’on active dans l’admin et il se sert des fichiers du premeir dossier dont il est un peu l’essorage. C’est lui dont on va modifier le contenu (après une ‘tite sauvegarde de l’original), on commence par l’entête du fichier de style principal : /style.css

Ce fichier débute avec ces quelques déclarations:

/*
Theme Name: BuddyPress Default
Theme URI: http://buddypress.org/extend/themes/
Description: The default theme for BuddyPress.
Version: 1.1
Author: BuddyPress.org
Author URI: http://buddypress.org
Tags: buddypress, three-columns, white, orange, flexible-width
Template: bp-sn-parent
*/

Quand on personnalise son site on peut modifier toutes les lignes (elles s’affichent dans les panneaux d’admin) sauf la dernière « Template » où on voit bien qu’il appelle le dossier parent dans lequel on ne doit rien toucher.

Les styles css

La suite du fichier styles.css consiste justement à importer les règles de mises en pages depuis le dossier parent, selon cet ordre:

/* *** TYPO *** */
/* Font styles */
@import url( ../bp-sn-parent/_inc/css/fonts/12px.css );

/* *** MAQUETTE *** */
/* Layout styles for home page, internal pages and blog/directory pages */

@import url( ../bp-sn-parent/_inc/css/layout/home-page/3c-right.css );
@import url( ../bp-sn-parent/_inc/css/layout/internal-pages/3c-left.css );
@import url( ../bp-sn-parent/_inc/css/layout/blog-dir-pages/2c-right.css );

/* *** STUFF à CHANGER *** */
/* Default theme admin bar styles */
@import url( _inc/css/adminbar.css );

/* Default theme styles */
@import url( _inc/css/screen.css ); /* LA GROSSE FEUILLE DE STYLE*/

/* Uncomment the following line and add your custom styles to '_inc/css/custom.css' */
/* @import url( _inc/css/custom.css ); */

NOTES:

l.3 on choisit la taille des polices. Dans le dossier fonts indiqué comme source on trouve 5 modèles différents basés sur 5 taille de polices: 12, 14, 18, 20 et 22px.

l.8,9 & 10  on choisit le nb de colonnes et le sens de lecture de -dans l’ordre- la home, les pages internes et le blog principal
Les modèles proposés par défaut dans bp-sn-parent pour ces pages sont aussi divers:

• pour home-page: 7 variations, pour internal-pages ce sont 5 exemples et pour blog-dir-pages 3 modèles qui sont proposés, mais je ne comprend pas bien la façon dont les deux derniers s’imbriquent (a priori internal-pages sert surtout au float des blocs, blog-dir-pages définit la maquette de toutes les sous pages à deux colonnes).
• mais où sont les styles des pages de ‘mon compte’ et autres? Ses colonnes grises restent toujours figées à gauche en tout cas…

l.14 & 15 on importe les styles contenus dans le dossier enfant, c’est là qu’on peut intervenir. Pour ces deux derniers fichiers importés on peut modifier ce qu’on veut et même tout enlever pour repartir de Zér0 si ça nous chante, mais puisque les layouts apportent un minimum de contraintes en déclarant certains éléments il est conseillé de re-partir des versions ultra-light de ces styles sauvegardées dans le dossier bp-sn-parent\_inc\css

les modèles

Pas de problèmes pour modifier la structure ou le contenu de certaines pages comme « groupes », « forum » …Etc il suffit de dupliquer le fichier concerné de votre dossier parent à votre dossier « à vous », sans le renommer. Il remplacera automatiquement celui du dossier parent, chargé uniquement en l’absence de. Et comme cela on ne modifie rien dans le dossier bp-sn-parent.
Pour construire son thème à soi on aura besoin, entre autres:
la liste des Template tags - les loops où les placer

Mais avant de vouloir tout modifier il vaut mieux savoir ce qu’on veut faire, ce qui n’est pas encore mon cas. Et ça m’arrange bien, dans un sens, j’ai le temps de continuer mes expériences et d’apprendre un peu mieux à me servir de tout cela avant de proposer une home digne de son .com comme commercial. Pour ça il existe aussi bien sûr des tas de thèmes plus ou moins paramétrables à customizer.

Ce billet a été publié le Jeudi, octobre 1st, 2009 à 17:15, classé dans extensions, WordPress Mu. Suivez les réactions à ce billet via ce fil RSS RSS 2.0. Réagissez ici, ou poursuivez la discussion sur votre site.