Squelette Median

Un squelette généraliste, valide XHTML, et configurable.
Sites de démonstration : en es fr

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 https://files.spip.net/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 2e 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.

[version 2.0.0]
création d’une version compatible SPIP 3, les plugins CFG et palette ne sont plus nécessaires.

Notes

[1ce nombre de caractère est éventuellement modifiable dans le fichier sommaire.html : #SETlongueur_texte_court, 140 et #SETlongueur_texte_long, 300

Discussion

91 discussions

  • Eusèbe

    Bonjour
    _je cherche soit à centrer, soit à « élargir » à la taille de la page (qui est supérieure à 860px) le logo du site en page d’accueil qui semble aligné à gauche par défaut...mais je ne trouve pas de solution dans la configuration .
    Merci

    Répondre à ce message

  • 3

    Bonjour,
    J’ai du mal à utiliser le squelette_median avec SPIP 3. Qu’est ce que je dois faire ?
    J’ai téléchargé le fichier zip, puis le décompresser. J’ai copier le répertoire squelette_median dans plugins/auto, mais je n’ai rien. Help, Merci d’avance.

    • pour l’instant ce squelette n’a pas encore été mis en compatibilité avec SPIP 3 alors en principe il ne doit pas être visible dans la liste des plugins : le problème rencontré est donc « normal »...
      A priori il devrait y avoir une version compatible d’ici pas trop longtemps : patience !

    • Bonjour,
      Si les créateurs du squelettes Median ont le projet de le rendre compatible avec SPIP3.1, ça m’intéresse ! Merci d’avance...

    • une version compatible SPIP 3 est maintenant disponible

    Répondre à ce message

  • Bonjour,

    Bravo et merci pour ce squelette.

    l’usage des balises langues [EN] [FR] dans les champs texte n’est pas pris en charge par le squelette median.

    Y-at-il un code à ajouter dans les squelettes ?

    Merci d’avance !

    Répondre à ce message

  • Bonjour
    je n’arrive pas à faire fonctionner le plugin Modeles facebook sur Median
    je l’ai chargé et activé.que dois-je faire ensuite pour faire apparaître dans mes articlcles le logo « j »aime "ou « partage » par exemple.
    merci de m’aider

    Répondre à ce message

  • Bonjour
    merci pour ce plugin et la documentation qui est très bien faite

    j’ai un soucis avec les mots clé de la page d’accueil, j’ai installé le plugin Nuage mais tous les mots clés restent avec la même taille y-a-t-il un minium d’article qui doivent être attribué pour déclencher un changement de talle

    merci de votre aide
    http://www.gel-sud.fr

    Répondre à ce message

  • Bonjour,

    Je souhaiterais savoir s’il va y avoir une mise à jour du squelette median pour spip 3.0. En effet je viens de passer mon site spip 2.1 vers le 3.0 et il y a des bugs qui semblent dûs au fait que squelette median n’est pas compatible avec spip 3.0. Dois-je abandonné ce squelette ou y aura-t-il une mise à jour un de ces quatre ?
    Merci par avance pour votre réponse
    Florent

    Répondre à ce message

  • Bonjour,

    J’ai installé un spip vierge, le système de publication avec les infos sur la base de données, l’accès à l’espace privé, les plugins..

    et, sur l’espace privé, au moment d’activer les plugins ( je veux travailler avec le squelette median ) ou quand je veux faire quoique ce soit ( modifier le nom du site, déconnecter ) tjrs le même message error :

    Fatal error : Call to undefined function traiter_appels_actions() in /homez.53/sfoptiqu/www/SFO/optique-paris-13/ecrire/index.php on line 56

    que se passe -t-il ?
    Merci de votre aide

    Répondre à ce message

  • Bien le bonjour,

    Je suis en train de monter un petit site d’actu sur les jeunes et je souhaiterais qu’il ressemble un peu à un site d’actu classique. A savoir un gros bloc en une, et 4 blocs (ceux proposés par le squelette Median), en dessous.
    J’en suis arrivé à quelque chose comme ca : http://www.imagup.com/data/1140967210.html. Evidemment, ce n’est pas terrible. Je ne parviens pas à bouger l’image à gauche ! Impossible de trouver le bout de code qui manque.
    Mieux, serait il possible de reproduire le design des petits blocs pour CE gros blocs ?

    Merci d’avance pour vos conseils avisés.

    Répondre à ce message

  • 5
    Olivier38

    Bonjour,
    Je suis novice en programmation de SPIP, mais grand utilisateur de SPIP.
    Ainsi j’ai créé un site sous SPIP 2.1.5 [16796] avec le squelette Median 1.1.0 [42087] et pleins d’autres plugins que je trouve super... (MERCI à tous les concepteurs).

    1/ MAIS pour ce site, en page d’accueil il y a un cadre « Contact » tél, fax, adresse, email" que je ne sais pas où je peux remplir. (Je n’ai rien trouvé dans les pages de CFG)

    2/ De même le bouton du pied de page « nous contacter » me fait une jolie erreur 404.

    3/ Comme j’avais essayé le squelette escal, j’ai sur le serveur un dossier squelettes/inclusion qui contient un inc_bandeau.html qui pointe sur une image dans squelettes/images. Mais cela ne fonctionne plus.
    Il m’a fallut mettre un logo de site de 865 x 150 pixels pour avoir l’image sur toute la largeur de page, en haut du site. (impossible de trouver le plugin bandeau ou top_bandeau)

    Si quelqu’un pouvait m’aider en m’indiquant où est l’étrier... je pourrais

    essayer d’apprendre

    à faire des fichiers html et apprendre où les mettre sur le site...
    J’ai un peu peur d’avoir été trop gourmand et monté un peu trop de plugins (accès restreins, agenda, autorité, bonne année, cfg, couteau suisse et kiss, icones pédagogiques, images ragged, no spam, nuage, palette, porte plume partout, proposer des dates de publication, saisie pour formulaire, bonux, spip_liste, median), essayé trop de squelettes (sarka, escale, egt, epona) qui ont laissé des résidus...
    J’ai nettoyé le cache (qui me fait une erreur sur le calendrier et farbtastic) et je viens de vider le dossier tmp/cache par FTP...
    J’ai lu plein de pages de cet aide, mais je ne comprends pas tout... Pour situer mon faible niveau de programmeur...

    MERCI par avance
    Olivier

    • pour e qui est de la gestion de l apage contact, c est dans la doc ci dessus :

      "Pages spéciales

      -  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é !"

      et pour le bloc contact de bas de page :

      "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 »

    • Bonjour
      Problème avec le bloc contact. A l’installation de Median il apparaissait bien en bas à droite.
      Je l’ai supprimé en renommant le groupe de mots clé « coordonnées ». Maintenant je ne peux plus le faire réapparaître en renommant le groupe « coordonnées ».
      merci pour votre aide

    • Bizarre comme symptôme : je ne rencontre pas ce problème...
      Tu peux essayer de désactiver /réactiver le plugin « squelette median » peut être ?
      ...et si ça ne fonctionne toujours pas, m’envoyer un pass admin sur ton SPIP (cy.altern chez gmail)

    • Erreur de ma part !!!!!!
      Lorsque j’ai renommé le groupe Coordonnees j’avais écrit Coordonnées avec un é au lieu d’un e. Maintenant ça remarche.
      Merci pour la réponse

    • Je me permets de remonter ce fil, je rencontre le problème de la 404 sur le lien « nous contacter » dans le pied de page, par celui lié à l’article.

    Répondre à ce message

  • Bonjour
    La page d’accueil du site de notre collège comporte 8 blocs articles fixes (numérotés de 1 à 8) et 4 blocs articles des derniers articles : soit 12 blocs au total. Comment faire en sorte que les 8 blocs fixes soient positionnés en dessous des 4 derniers articles ?
    Cordialement
    Régis

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom