Parce qu’on a vu que le fichier style.css du thème appelle 3 styles différents pour 3 types de maquettes: home-page, internal-pages et blog-dir-pages.
Alors c’est parti, on va s’amuser:

Home-page

BD-Home
BD-Home_a1

la page d’accueil du thème par défaut de BuddyPress: 3 colonnes de widgets paramètrables depuis l’admin du site. #sidebar

+ en apprendre plus sur ces widgets, bientôt, peut-être.
liens qui vont bien pour ça: 1 – 2 – 3

Les 3 boîtes qui accueillent ces listes:
des div #first-section, #second-section et #third-section, tous de classe .widget-section. Rangées dans #content rangée dans #container.

Blog-dir-pages

Contrairement à ce que son nom fait croire, les styles de cette maquette ne concernent pas tant le Blog principal de votre site

BD-Blog_0

mais définit surtout/aussi l’aspect des éléments sur les pages “Annuaire” accessibles par les onglets Membres, Groupes ou Blogs.

BD-Groupes

on voit donc qu’elle définit le découpage en 2 colonnes (#content et #sidebar, toujours contenues #container) et habille un certain nombre de listes dynamiques (#blog-latest pour le Blog Ppal, #members-directory-form, #groups-directory-form, #blogs-directory-form, … et leurs enfants spécialisés).

Internal-pages

Cette dernière grille concerne les éléments de la partie la moins lisible de l’interface par défaut:

BD-page_interne-gp
BD-page_interne-ua
BD-pages_interne-uB
Tous ces écrans aux milles menus qui rattache visuellement les contenus du site au profil du connecté. Ou à une invitation à se connecter.
Les 3 boîtes sur ces pages: #user-bar, #options-bar et #content, rangées dans #container. La classe de #content change parfois en fonction des options sélectionnées.

Le moins qu’on puisse dire c’est qu’il y a trop d’options dans un Buddy tout nu, mais il faut plonger plus profond dans le code pour attaquer ces nombreux modules à la sulfateuse. Voir la structure des pages rendue avec FreeMind.

2 Commentaires sur “Les pages de buddyPress”
  1. [...] 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 [...]

  2. [...] Un certain nombre de farces pour l’activité de “Blog”, d’autres pour celle de Groupes ou de Messageries, une pour l’Amitié interne… Sont pas toutes mauvaises mais c’est quand même plus compliqué que marrant. Achievment ajoute un [menu/grille/compteur] complet à chaque menu de membre où  on peut visualiser le nombre de phrases correspondant à l’activité de ce membre sur le site, déjà que les pages internes BD c’est le dawa… [...]

  3.  
Réagir

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>