Le squelette median est un squelette qui permet de gérer de façon relativement précise les contenus à afficher dans les différents types de pages via une interface de configuration CFG et un ensemble de mots-clés "techniques".

Ce squelette nécessite les plugins CFG et palette pour sa configuration et le plugin spip-bonux pour le fonctionnement de ses BOUCLEs.

Le squelette median gagnera en fonctionnalités avec les plugins ( fortement conseillés ) suivants :

• Le plugin nuage pour le nuage de mots cles
• Le plugin mediabox (ou autre gestionnaire automatique d’images des port-folios tel Nyroceros).
• Les plugin inscription2 et spipliste pour gérer les inscriptions et les newsletters
• Le plugin experimental top_bando pour gerer plus finement l affichage du logo et d un bandeau du site ( svn ://zone.spip.org/spip-zone/_plugins_/top_bando )

Ce squelette dispose de fichiers de langue français, anglais, roumain et espagnol. La traduction espagnole est utilisable mais reste cependant à améliorer : il manque de nombreux accents.
Ce squelette à été créé initialement pour un site anglophone d’où le mixage de mauvais anglais avec du français dans le nommage des mots clés techniques...

Quelques impressions écran pour vous donner un avant goût :

Median original

Squelette median couleurs par defaut. Site en anglais
http://median-web.eu/

Median versailles

Squelette median sur fond noir, site francophone
http://www.summer-school.uvsq.fr/

Median ww7.pe

Squelette median en mode violet, site peruvien en espagnol
http://ww7.pe/

Vous trouverez une liste plus complete de sites utilisant le squelette Median sur : http://delicious.com/tag/median+spip

Aidez nous a completer cette liste en tagguant vous memes vos sites sur delicious avec les tags spip et median .

Installation

Ce squelette est fourni sous forme d’un plugin pour faciliter l’installation. Pour récupérer les fichiers vous pouvez :

• soit utiliser les listes d’installation de /plugins/auto dans la page de gestion des plugins de votre SPIP
• soit récupérer la version svn ( version de développement ) sur la zone spip : svn co svn ://zone.spip.org/spip-zone/_squelettes_/median/
• soit télécharger le zip de la dernière version sur http://files.spip.org/spip-zone/

Pour l’installation et l’activation, suivez la procédure standard : cf la documentation officielle

Configuration souhaitable du site :

A priori ce squelette à été créé pour un SPIP avec :
-  les rubriques avec texte et descriptif mais sans documents attachés
-  les articles avec tous les éléments sauf le PS . NB : le sur-titre étant utilisé pour la configuration de l’affichage du port-folio (cf plus bas) il ne sera pas affiché...
-  des images en format paysage dans le portfolio des articles
-  les brèves ne sont pas utilisées / affichées

L’interface de configuration

Les administrateurs généraux du site peuvent configurer différents paramètres via l’interface de configuration accessible dans l’interface privée par Configuration > CFG > Squelette Median.

Interface de configuration

Vous pouvez configurer plusieurs aspects du squelette median, notamment ses couleurs d affichage

La configuration permet de définir :

• l’organisation de la page d’accueil
• l ordre de tri des articles dans les pages rubriques en utilisant les mots clés classement_date ou classement_date_inverse.
• les couleurs utilisées ( !! Attention a desactiver la compression du javascript et des CSS dans la configuration avancee de SPIP, ces compressions genent le parametrage des couleurs !! )
• certains textes d’explication
• les groupes de mots clés "techniques" (à ne pas afficher dans les pages publiques).
• si il n’y a pas de logo du site la configuration de l’image typo qui sera utilisée à la place
• le texte de la page 404 et les "meta keywords" placés dans la balise head des pages
  

Pages spéciales

En plus des pages standard de la dist de SPIP, ce squelette fourni :
-  une page de souscription aux listes du plugin spipliste (?page=subscribe) dont le contenu est fourni par l’article ayant le mot clé page_souscription
-  une page de contact (?page=contact) dont le contenu est fourni par l’article ayant le mot clé page_contact. Les destinataire des messages sont les auteurs de cet article. ATTENTION : n’oubliez pas de renseigner le champ email de la fiche des auteurs si vous voulez que le formulaire de contact soit affiché !

Mot clé « _invisible_ » :

Tous les articles ou rubriques associés avec le mot clé « _invisible_ » ne seront pas affichés dans les pages publiques. Pour les rubriques il y a « héritage » c’est à dire que les articles et les sous-rubriques contenues dans une rubrique avec « _invisible_ » seront également non-visibles. A priori toutes les pages du squelettes sont configurées pour ne pas afficher les éléments avec _invisible_ (backend et sitemap compris) mais ne comptez tout de meme pas sur ce mécanisme pour gérer des contenus confidentiels...

Le bandeau de sommet de page

Si il existe une image « logo de site » (cf page "Configuration") elle est utilisée pour faire le bandeau du sommet de toutes les pages du site. (l’image sera retaillée pour ne pas dépasser 860px de largeur) L utilisation du plugin experimental top_bando peut aussi vous permettre de mieux parametrer l affichage du bandeau Si le logo de site n’est pas défini, une « image typographique » est créée à partir du nom du site défini dans la page «  Configuration  ». La police, la couleur,du texte, la taille de la police et la largeur maximum avant retour ligne utilisées sont définies via l’interface de configuration :

• taille = hauteur de la police en pixels
• couleur = code hexadécimal d’une couleur HTML
• largeur = largeur maximum en pixel avant retour à la ligne
• police = nom d’un fichier TTF placé dans le dossier /squelettes/polices (attention ! Pour éviter les problème de copyright, la police choisie doit être libre de droits... Un grand choix est disponible sur dafont)

Le logo de sommet de page comporte par défaut un lien vers la page d’accueil du site mais la destination du lien peut être configurée via le 2ème champ du bloc Réglages divers de l’interface de configuration.

Le bandeau de pied de page

A partir de la version 1.1.0, il est constitué par 2 lignes : la première facultative avec couleur configurable, la deuxième obligatoire (couleur identique à celle du bandeau de tête). L’interface de configuration permet de choisir les éléments à afficher dans la ligne obligatoire (lien vers page de contact, flux RSS, logo "valide XHTML"...). Elle permet aussi de choisir d’ajouter un lien vers un article au choix (le titre de l’article sera utilisé comme texte du lien) : cette option permet par exemple de faire un lien vers un article "Mentions légales".
Le bloc qui permet de configurer le contenu de la ligne facultative accepte du texte simple mais également du HTML "brut". Si il est laissé vide, la ligne ne sera pas affichée (configuration par défaut).

Organisation de la page d’accueil

L’article qui est affiché en début de page d’accueil est défini dans l’interface de configuration. Les éléments à afficher sont également configurables dans le premier bloc de cette interface (logo, titre, sous-titre, chapo, texte). Cet article peut (doit !) avoir le mot clé « _invisible_ » pour ne pas apparaître par ailleurs dans les listes d’articles. Si il n’y a pas d’article configuré, c’est le descriptif du site qui sera affiché à sa place.

Sur le côté droit de l’article d’accueil, on peut faire afficher un petit diaporama (cf http://median-web.eu). Les photos affichées sont tirées aléatoirement parmi celles associées aux articles ayant le mot clé « photos_sommaire » et dont la largeur est supérieure à la hauteur (format "paysage").
ATTENTION : les logos des articles ne sont pas pris en compte, seront utilisées uniquement les photos associées aux articles, et ayant été ajoutées dans le portfolio.
La vitesse de rafraichissement de ce diaporama, la taille des vignettes et l’orientation des photos à utiliser (portrait ou paysage) est configurable via l’interface de configuration (bloc Diaporama de la page d’accueil).

Sous l’article sommaire sont affichées des articles avec leur logo par rangées de 4 : le nombre de ces articles est défini dans l’interface de configuration par le champ "Nombre de blocs articles" (à priori, choisissez un multiple de 4 pour éviter les affichages foireux...).
Ces n articles sont choisis selon l’algorithme suivant :

• les n 1ers articles avec le mot clé « bloc_sommaire » ayant les numéros les plus petits comme préfixe de leur titre (« 1.le titre du premier », « 2. le titre du deuxième »...)
• si il n’existe pas n articles avec le mot clé « bloc_sommaire » + un numéro, on complète avec les articles les plus récents ayant le mot clé
• si il n’existe pas n articles avec ce mot clé on complète avec les derniers articles publiés

Chacun de ces blocs "article" affiche :

• le logo de l’article (ou de sa rubrique parent) recadré en 187x100 pixels (choisissez des logos dans ces proportions si vous ne souhaitez pas qu’ils soient amputés "sauvagement" !)
• son titre
• un court texte correspondant au descriptif de l’article si il existe, sinon aux texte. Dans les 2 cas si il existe un logo le texte est coupé à 140 caractères, sinon à 300 (filtre |couper) [1]

Si le plugin nuage est installé, le bas de page permet de faire apparaître les mots clés thématiques utilisés sous forme d’un « tag-cloud » (plus le mot est utilisé plus il est gros). Le titre de ce tag cloud est modifiable via l’interface de configuration du plugin.

A droite du tag cloud il est possible de faire apparaître un bloc «  Contact  » qui affiche les descriptifs des mots clés du groupe «  Coordonnees  ». L’affichage est fait de la façon suivante :
Titre du mot clé : description du mot clé
Les coordonnées sont affichées dans l’ordre défini par les numéros en préfixe du nom du mot clé (« 1. Tel », « 2. Fax »...).
Si on ne souhaite pas afficher le bloc « Contact » il suffit de renommer le groupe de mot clés «  Coordonnees  »

Affichage des rubriques :

Par défaut la rubrique affiche la liste de ses sous-rubriques et des articles en dessous de son éventuel descriptif.

Si une rubrique ne comporte qu’un seul article, celui ci sera directement affiché lorsque l’on visite la rubrique.
Si (en plus d’être unique) cet article est un "article virtuel", la page de rubrique fera la redirection.

Il est possible d’utiliser un article de la rubrique pour faire le texte présentation de celle-ci en associant le mot clé « edito_rubrique » à l’article choisi.

A partir de la version [1.0.5], les mots clés classement_date ou classement_date_inverse peuvent êtres attribués à une rubrique pour que celle-ci affiche les articles par date (du plus ancien au plus récent) ou par date inversée (du plus récent au plus ancien). Bien évidemment ces 2 mots clés sont exclusifs l’un de l’autre...

Affichage des articles :

Par défaut les articles sont affichés quel que soit le visiteur mais il est possible de restreindre l’accès aux visiteurs identifiés en associant le mot clé « restricted_access » à un article.
ATTENTION ! il ne s’agit que de limiter l’accès aux articles proposant des forums ou sondages / formulaires aux utilisateurs et donc d’éviter le spam par les robots... En aucun cas cette fonctionnalité ne doit être utilisée pour gérer des accès restreints "sérieux" ! si vous nécessitez un véritable contrôle d’accès, utilisez le plugin accès restreint 3.
Le texte qui sera utilisé pour présenter la restriction d’accès est configurable via le bloc "Textes configurables" de l’interface de configuration.

Si on ajoute en plus le mot clé « form_account_creation » à cet article, les visiteurs non-identifiés se verront proposer un formulaire de création de compte « Visiteur ». Le texte de présentation du formulaire de création du compte est lui aussi configurable via "Textes configurables". Si le plugin Inscription 2 est installé c’est son formulaire de création de compte qui est affiché, sinon c’est le formulaire standard de SPIP.

Chaque article peut proposer des photos en mode port-folio (vignette cliquable et s’affichant en sur-impression si vous utilisez un plugin de gestion des images tels Nyromodal, Thickbox ou Fancybox). Les 3 premières vignettes s’affichent à droite du texte de l’article, les suivantes en dessous.
Ces vignettes placées à côté de l’article peuvent êtres mises à gauche en attribuant le mot clé port_folio_left à l’article.
Le nombre de vignettes placé à coté de l’article est configurable en plaçant dans le champs sur-titre de l’article le nombre à afficher. Cela permet d’adapter "manuellement" le nombre de vignettes à la longueur du texte de l’article (si un contributeur se sent de faire la modif pour automatiser le nombre de vignettes en fonction du nombre de caractères du texte de l’article il est le bienvenu...).

Modèle "saut" :

Pour gérer les retours d’alignement du texte des articles un modèle est fourni avec ce squelette qui permet de faire passer le texte en dessous d’une image ou d’un document inclut dans le texte avec <imgXX|left> ou <docYY|right> (i.e. éléments "flottants") :
<saut|vide=right> placé en début d’un paragraphe de texte permet de s’assurer que le texte repart en-dessous de tout élément flottant à droite, <saut|vide=left> idem pour un élément flottant à gauche et <saut2> assure le retour pour les flottants des 2 côtés.
NB : le modèle insère un bête <br style="clear: right;"/> (ou left ou both)

Notes techniques :

La transmission de doublons entre les squelettes principaux et les INCLUREs est assurée par les balises #SAVE_DOUBLONS et #LOAD_DOUBLONS mises au point par marcimat et renato : merci à eux pour ce petit bijoux !

Le fichier d’options de ce squelette (squelette_median_options.php) contient la définition du répertoire /squelettes/median comme répertoire de surcharge à utiliser si vous souhaitez apporter vos personnalisations à certains des fichiers de ce squelette tout en gardant intact les originaux (= surcharge). Vous pouvez bien sûr modifier le dossier utilisé :  $GLOBALS['dossier_squelettes'] .= ':'.$chem_squel.'/votre_nom_de_dossier';

Si vous souhaitez personnaliser simplement les classes CSS utilisées, toutes les pages de ce squelette appellent un fichier perso.css en dernier (donc en position prioritaire par rapport aux autres feuilles de style). Ce fichier n’est pas fourni : il vous suffit donc de le créer dans votre dossier de squelette (ou à la racine du plugin) pour surcharger les styles CSS existant.

Versions

[version 1.0.1] ajout d’un script d’installation pour le groupe de mots clés technique et celui des coordonnées

[version 1.0.4] gestion de la couleur de fond des pages, correction de 2 bogues dans la prise en compte des groupes de mots clés à ne pas afficher, correction d’un bogue dans le calcul des largeurs des éléments de la barre de navigation, gestion de la taille et la forme des micro-vignettes dans les pages rubriques, ajout du roumain

[version 1.0.5] ajout de l’option permettant de choisir (via mot clé) le tri par date ou date inverse pour l’affichage des articles d’une rubrique.
Ajout du logo "valide XHTML" dans le pied de page (selon configuration)

[version 1.1.0] ajout de l’option permettant de choisir le sens des photos du diaporama ainsi que la taille des vignettes, ajout du pied de page configurable, modification des CSS pour optimiser la largeur du texte lorsqu’il n’y a pas de photos attachées à l’article.