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 :
  • inclusions SPIP : codage des squelettes avec des INCLURE, mises à jour facilitées ;
  • filtres de test ;
  • recadrage des images : pour la gestion du diaporama ;
  • statistiques du pied de page : calcul du nombre moyen de visiteurs, script php de BoOz ;
  • d’autres techniques, prochainement documentées seront exposées.

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)

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.