cent20.net
Se connecter
cent20.net
 

BliP 2.x : un squelette modulaire pour SPIP 1.9

Présentation de BliP 2.x, un squelette-plugin généraliste, modulaire et facilement modifiable pour SPIP 1.9.

Un site Internet fonctionnant avec le logiciel libre SPIP (Système de Publication pour l’Internet Partagé) peut améliorer sa présentation graphique publique en intégrant un squelette, c’est-à-dire un ensemble de fichiers HTML et PHP qui organise la manière dont les informations seront affichées dans les pages du site.

BliP est mort, vive BliP 2.x

En codant mon premier squelette, BliP 0.9x, je me suis bien amusé et j’ai appris en quelques mois, trois langages qui m’étaient inconnus, le HTML, le CSS et le SPIP.

Je me suis donc fait plaisir et j’ai publié ce squelette, nommé BliP 0.9x. BliP signifie Blog sous spiP. Le choix du numéro de version, 0.9x, était judicieux car ce squelette souffrait de quelques défauts de conception.

Aujourd’hui, je vous propose un nouveau squelette nommé comme l’ancien mais qui n’est plus un squelette de blog, du moins il n’en a plus la vocation.

Feuille de route de la conception du squelette BliP 2.x

BliP 2.x a été codé sur la base des squelettes “Fraichdist” de SPIP, squelettes par défaut livrés avec SPIP et codés collégialement.

Cette nouvelle version du squelette BliP correspond avant tout à une problématique personnelle : la nécessité de posséder un squelette généraliste, utilisable pour divers sites Internet (mon webzine, le site de mon lycée, un site de maths, etc.), donc un squelette multi-usage facilement paramétrable.

BliP est donc pensé et codé de manière à être facilement personnalisable, modifiable. Et il inaugure un nouveau concept : la modularité.

L’idée, c’est de pouvoir modifier l’affichage de la partie publique du site et cela :

- sans détourner les mots-clefs de leur usage ;
- sans avoir à créer des articles de configuration ;
- sans avoir à ouvrir et à modifier les fichiers squelettes ;
- Sans avoir à respecter une structure rigide (par exemple : “Liens dans rubrique n° 6 uniquement”).

Concrètement, avec ce squelette vous allez pouvoir afficher du texte ou inclure des modules (des “sous-squelettes”) dans les pages publiques du site, dans diverses zones prédéfinies.

Encore plus intéressant, il sera possible de personnaliser les pages une par une, ou par lots.

Pour cela, on exploite la révolution introduite par le compilateur de SPIP 1.9, la possibilité d’interroger, par des boucles SPIP, des tables de la base de données qui ne sont pas des tables natives de SPIP.

Présentation simplifiée et normalisée du squelette

- Nom du squelette : BliP
- Licence : GPL
- Compatibilité SPIP : lire Compatibilité BliP / SPIP / MySQL

Fonctionnalités structurelles du squelette BliP

Le squelette “Fraichdist” permet d’utiliser toutes les possibilités de SPIP. Le squelette BliP ne permet pas d’utiliser toutes ces possibilités, mais il rajoute des fonctions supplémentaires intégrées graphiquement. (A lire : comparaison Fraichdist / BliP.)

Modulaire : Le squelette BliP est un squelette modulaire. Il est, bien entendu, distribué avec des modules que vous pourrez activer ou désactiver simplement, et ce à partir d’une page de configuration.

Multilingue : BliP a intégré la dimension multilingue de SPIP. Il gère en natif quelques langues, et vous pourrez Installer et utiliser le multilinguisme.

Skinable : Vous pouvez choisir un jeu de couleurs proposé ou en créer un plus personnel. Vous pouvez aussi installer un thème, ou créer votre propre thème en vous inspirant des thèmes déjà existants.

Menu latéral dynamique avec critères de tri

Diverses fonctionnalités :

  • Formulaires simplifiés, personnalisés et intégrés.
  • Codage des tailles en relatif : agrandissez le texte, vous verrez, c’est plus qu’acceptable.
  • Forum façon « bulle de bande dessinée ».
  • Jeux de couleurs préinstallés et modifiables.
  • Thèmes graphiques préinstallés et modifiables.

Contributions intégrées

  • Scripts Javascript :
    • NiceTitle : gestion de l’affichage des balises « title » des liens ;
    • Lightbox JS v2.0 : gestion du diaporama des photos attachées à un article.
  • Techniques SPIP spécifiques et/ou remarquables :

Spécificités techniques du squelette

Toutes les trois à quatre heures de développement, j’ai soumis les pages créées au validateur du W3C pour obtenir un site 100% valide XHTML Transitional 1.0 et CSS 2.

La charte graphique est construite en CSS 2, la feuille de style externe est générée par un script SPIP + php, ce qui la rend très facilement modulable.

Le switch CSS côté utilisateur existe, celui côté administrateur est en préparation.

Le squelette est codé en utilisant la technique des inclusions SPIP, sans toutefois en abuser. Cela facilite les mises à jour.

Optimisation du site (largeur)

Résolution BliP 0.92 BliP 2.x BliP 2.x + thèmes graphiques
800*600 +++ ++ -
1024*768 ++++ +++ ++++
1280*1024 +++ ++++ ++++
1600*1280 + +++ ++
sup à 1600 + ++ +

CSS optimisée pour un affichage avec Firefox et Internet Explorer, sans hack CSS, excellente tolérance à l’agrandissement du texte.

Non compatible en l’état avec Safari.

Documentation

La documentation du squelette est accessible sur le présent site : BliP 2.X (ARCHIVES)

A propos de la branche 2.X de BliP

Habillage graphique modulaire de type "webzine" pour la version 1.9.2 de SPIP. Cet habillage n’est plus supporté ni débogué, et il ne fonctionnera pas avec les dernières versions de SPIP. La nouvelle version est BliP 3.0.6.


[BliP 2.0] Superbe réalisation [BliP 2.0] Un site fraichement installé sous BliP 2.0 dont le menu n'a pas (...) [BliP 2.0] Une utilisation intelligente du background de l'entête du site. (...)

 
Yoann
Le 3 juillet 2006

Merci beaucoup pour ce superbe travail,
J’étais déjà accroc au blip précédent, (bien qu’un peu dur de s’y retrouver quand je commençais à modifier les boucles). Là je suis conquis.

 
Olivier
Le 3 juillet 2006

Idem pour moi, je viens de finir la mise a jour en local et sur free... Wow bravo pour ce nouveau squelette. Ce n’est plus le travail d’un amateur mais l’oeuvre d’un expert !

Finalement les cadres ne me manquent plus du tout une fois habitué, en particulier très pratique pour éviter les disgraciosités du precedent squelette lorsqu’une photo est en grande taille et en plus je recupère les logos , chose qui manquait dans la 0.9 quand on ouvrait le sommaire - un peu trop sobre a mon gout pour un blog perso !

Et que dire de la nouvelle galerie ? De toute beauté, cela valait vraiment le coup d’attendre spip 19 et blip 20 !

Quant au code sql, je rassure les néophytes, deux copier coller du code écrit par Vincent dans myphpadmin et le site marche impec !

Que dire de plus ? Rien c’est parfait (ou presque)

 
cin
Le 6 juillet 2006

exellent ! sobre mais parfait ;-)

 
TiBen
Le 6 juillet 2006

à propos des galleries, comment sont elles gérées, je n’ai jamais utilisé cette fonction. suffit t’il d’ajouter plusieurs documents photos ?

 
nico
Le 16 juillet 2006

encore quelques soucis d’affichage (sous safari), mais graphiquement c’est vraiment très réussi. bravo !

 
rico
Le 19 juillet 2006

Salut,

Bravo pour ton nouveau squelette, très réussi graphiquement. J’adore la sobriété ....
Et puis tes galeries photos quelle merveille, top class !
Je voulais savoir comment on pouvait les intégrer dans SPIP si c’etait uniquement sur du 1.9 ou pas ?
Merci d’avance et encore bravo à toi pour ce boulot !

 
Jean-Marie
Le 20 juillet 2006

Salut Vincent,

Très joli travail que je teste d’ici quelques jours sur mon blog.

 
dp
Le 20 juillet 2006

Excellent travail !
Le couple SPIP-BliP va faire un tabac sur le web français, ça ne fait aucun doute ;)

 
Vincent ROBERT
Le 3 février 2008

Aucune question technique sur ce forum, merci.

SPIP 2.1.16 [19678] | BliP 3.0.7  | XHTML 1.0 | CSS 2.1 | RSS 2.0 | Plan du site
349 visiteurs hier, 1993640 depuis