Blame | Last modification | View Log | RSS feed
**************************************************************** SQUELETTES EXIBIT POUR SPIP ** version 1.3 ** last update : 06/01/2008 ** Licensed under the MIT ** http://www.opensource.org/licenses/mit-license.php ** ** Copyright 2009 Benoît Vrins {benoit@exibit.be} ****************************************************************1. Présentation---------------Les "Squelettes Exibit" ont été spécialement développés comme une base stable, à la structure sémantique et respectueuse des standards.Ils possèdent de nombreux atouts de base laissant aux auteurs de SPIP une grande souplesse dans la mise en page de leurs contenusLes "Squelettes Exibit" disposent d'un système de CSS qui permet aux graphistes de développer un look & feel laissant libre champ à leur créativité (pour autant qu'on maitrise le CSS)Ces squelettes SPIP possèdent les caractéristiques suivantes :- valides XHTML 1.0 Transitional- librairie JS "FACEBOX" permettant l'ouverture de contenu dans des fenêtres (la galerie photos fonctionne avec cette librairie)- mise en page des rubriques par mots-clés- galerie photos avec création automatique d'onglets et visionneuse- Squelettes fonctionnels- 404 (page d'erreur en cas de contenu non trouvé)- article : visite du site par article- rubrique : visite du site par rubrique (menu)- recherche : page de résultats de la recherche- plan : plan du site- sommaire : page d'accueil du site- toutes les zones de la pages sont stockées dans un sous-répertoire "include" (menu à 3 niveaux, footer, header, ...)- Une CSS générale et des CSS particulières pour les navigateurs capricieux :- Internet Explorer 7- Internet Explorer 62. Configuration----------------2.1. MISE EN PAGE PAR MOT CLE-----------------------------Par défaut, quand on visite le site avec le squelette "rubrique", les articles s'affichent en entier l'un en dessosu de l'autre par numéro d'article.Vous pouvez changer la mise en page des rubriques selon 3 mises en page :- "affichage par numéro d'articles du titre + introduction + lien 'lire plus'"- "affichage par date du titre + introduction + + date + lien 'lire plus'"- "affichage par numéro d'articles desarticles en entier+ affichage des onglets des images contenues dans l'article avec lien vers visionneuse"Pour configurer ce système, veuillez suivre la procédure suivante :- créez un groupe de mot clé dans SPIP intitulé par exemple "mise en page de rubrique" et cochez uniquement "associés aux rubriques"- créez 3 mots clés dans ce groupes avec les intitulés suivant- "introduction"- "introduction + date"- "galerie photo"- par défaut le système fonctionne avec ces numéros (ID_MOT)- "introduction" -> 1- "introduction + date" -> 2- "galerie photo" -> 3- Si vos mots-clés créés ci-dessous possèdent d'autres numéros, vous devez éditer manuellement le fichier "include/article-contenu.html"- Vous devez ensuite associer aux rubriques pour lequel vous voulez une mise en page particulière le mot-clé désiré. Les articles de cette rubrique s'afficheront alors selon les critères définis.- Exception: pour la mise en page sur deux colonnes, il faut également créer un nouveau groupe de mot-clés intitulé par exemple "mise en page articles" dans lequel vous créer un mot-clé appelé "colonne de droite" (dans le squelette, le n° de mot-clé défini est le "5").La procédure est donc1. Associer le mot-clé "2 colonnes" à la rubrique,2. Associer le mot-clé "colonne de droite" aux articles qui doivent figurer dans la colonne de droite (par défaut il sont dans la colonne de gauche ou colonne principale).2.2. GALERIE PHOTO------------------- Si ce n'est pas encore fait dans la console de configuration de "SPIP", vous devez activer dans "fonctions avancées" une des méthodes de fabrication des vignettes (GD2 recommandée)- le création des vignettes fonctionne avec un masque PNG placé à la racine du répertoire principal "masque.png". Vous pouvez en modifier la taille via un logiciel d'édition image au besoin- la visionneuse fonctionne avec la librairie JS "FACEBOX" (http://famspam.com/facebox) basée sur JQUERY (natif sur la version 2 de SPIP, il faut donc bien placer la balise #INSERT_HEAD entre les balises "head", OK dans les squelettes Exibit). Vous pouvez éditer les styles graphiques de celle-ci dans le fichier "css/facebox.css"- Pensez à donner un titre à vos images ainsi qu'une description, iles apparaitront dans la visionneuse- Dans les rubriques qui fonctionnent avec le mot clé "galerie photo", ils nest pas nécessaire de positionner les images importées dans les articles au moyen des balises SPIP "<imgxxx>".Sinon les images vont apparaitre deux fois (une fois là où vous l'avez positionnée et une autre fois en bas dans la liste des onglets)2.3. CSS--------- La CSS mise à dispo est ultra basique. Les zones de mises en pages principales sont entourées d'une bordure grise afin que vous puissiez clairement visualiser celles-ci.- L'objectif est bien entendu que les graphistes puissent développer sur cette base un CSS enrichie laissant libre champ à leur créativité- Les images nécessaires au look and feel du site seront idéalement stockés dans le répertoire "images"2.4. DIVERS------------ Le lien "mentions légales" (obligatoires dans de nombreux pays) dans le footer est à activer (vers l'article que vous créerez)- Des styles dans la CSS sont prévus pour certains plugins comme par exemple "Forms & Tables"- Fonctionne avec SPIP 1.9.2 (la galerie photo non vérifiée) et SPIP 2.0