SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribs sur SPIP-Zone, 94 visiteurs en ce moment

Accueil > Squelettes > Squelettes généralistes > Multiflex > Jeu de squelettes Multiflex 3

Jeu de squelettes Multiflex 3

10 février 2008 – par Matthieu Marcillaud – 466 commentaires

110 votes

Jeu de squelettes hautement paramétrable et modulable pour SPIP 2 et 3

Multiflex 3 est un jeu de squelettes (XHTML Strict) hautement paramétrable (nécessite le plugin CFG) depuis l’interface privée de SPIP et facilement modulable grâce aux nombreuses noisettes utilisées possédant diverses options.

Page d’accueil du squelette Multiflex

L’habillage graphique Multiflex 3 a été développé par G. Wolfgang. Les squelettes SPIP ont été réalisés avec la version 3.8 de Multiflex.

Attention : Ce squelette ne fonctionne actuellement qu’avec une version de SPIP >= 2

Paramétrages généraux

Configuration CFG
Configuration CFG de Multiflex

Les squelettes sont paramétrables de 2 façons :

  • l’une par CFG, où l’on n’a aucunement besoin de toucher aux fichiers squelettes
  • l’autre par surcharge des fichiers de ce jeu de squelettes (nous verrons plus loin).

Il faut donc aller dans « Configuration>CFG>Configuration du Squelette Multiflex » pour obtenir la page de paramétrage. On peut sur cette première page choisir des textes qui s’affichent dans l’en-tête. Il est possible d’utiliser la balise SPIP <multi> pour un site multilingue.

Sur la gauche, une boite contenant des liens permet d’obtenir d’autres paramétrages. Commençons par « Multiflex Layout »

Choix du layout

CFG Layout
Configuration du layout Multiflex par CFG

Il est possible de sélectionner un en-tête différent, et un corps sur 1, 2 ou 3 colonnes. Ces modifications se passent sur la page de configuration CFG ’Multiflex Layout’ :


Multiflex 2 colonnes
Layout avec « bandeau+menu » et « 2 colonnes inversées »

Ainsi, en sélectionnant un affichage sur « 2 colonnes inversées » et un en-tête avec simplement « bandeau + menu », on obtient ceci :

Sur cet exemple, il y a un trop grand nombre de rubriques donc le menu haut s’affiche sur 2 lignes ce qui est moins joli.


Multiflex 2 colonnes
Le menu latéral est complété ainsi que le centre par les informations normalement présente dans la 3è colonne

Tout en bas de la page, ce qui s’affiche lorsque l’on choisit 3 colonnes comme layout dans l’une des colonnes, s’affiche maintenant à la suite des liste d’articles (et à la suite de la première colonne - mais on peut choisir facilement entre l’un ou l’autre, cf. paramètres des noisettes plus bas) :


multiflex 1 colonne
Configuration avec une seule colonne pour l’ensemble de la page

En sélectionnant un affichage « 1 colonne » avec « Titre + menu » pour l’en-tête, cela donne :

Choix de navigation

Multiflex CFG Navigation

En allant sur le lien « Multiflex Navigation », il est possible de choisir quelques styles pour la navigation en colonne, ainsi que de définir 2 identifiants d’articles « Contact » et « A propos », liens qui se créeront alors dans l’en-tête du site.


Navigation à puces

Sur les captures précédentes, le style du menu était « Grille ». Voici « Puces », avec « Contact » non remplit (il n’apparait plus dans les liens à gauche de ’plan du site’) :

Choix de couleurs

Couleurs par défaut
Rendu des couleurs par défaut

Il est possible sur la page de configuration « Multiflex Couleurs » de proposer des couleurs pour les liens, les cadres de la troisième colonne ainsi qu’une teinte pour l’ensemble du site. Installer le plugin « Palette » vous permet de choisir des couleurs très facilement. Voici les valeurs par défaut :


Voici deux aperçus avec des valeurs différentes (il faut absolument vider le cache pour obtenir un recalcul des fichiers css compilés par SPIP) :


Surcharge et options des noisettes et squelettes

Ce squelette s’installant et s’activant comme un plugin (dans le dossier /plugins ) il est possible de surcharger ses fichiers dans son propre dossier squelettes.

Un fichier /plugins/squelette_multiflex/repertoire/fichier.ext peut être copié et modifié dans /squelettes/repertoire/fichier.ext, ce sera ce dernier qui sera lu par SPIP s’il existe.

Prenons l’exemple de l’affichage 2 colonnes qui place le contenu prévu normalement dans la 3è colonne à la suite des 2 premières. Ces informations sont donc affichées en double (page sommaire et rubriques) mais il est possible simplement de modifier cela.

Si vous copiez dans /squelettes et éditez le fichier layouts/layout2.html qui structure la page en 2 colonnes, vous verrez le code (s’il n’a pas changé depuis !) :

C’est la variable {mfx_supplements=oui} qui indique que les supplements (ce qui devrait s’afficher dans la 3è colonne si l’on choisit cet affichage) doivent s’afficher... ou non. En mettant dans la partie navigation {mfx_supplements=non}, les suppléments ne se mettront pas dans la colonne de navigation tout simplement.

Des noisettes en veux-tu en voilà !

Un certain nombre de noisettes (petits bouts de squelettes) sont présentes dans le répertoire /noisettes de Multiflex. Elles recellent souvent des paramètres qu’il est possible d’utiliser lorsqu’on les appelle avec <INCLURE> ou #INCLURE

Par exemple, voici un extrait de code présent (s’il n’a pas changé depuis) dans /noisettes/sommaire/centre.html qui correspond à ce qui va s’afficher dans la colonne centrale de la page sommaire :

On peut observer que cette noisette appelle 3 fois la noisette noisettes/article/inc/intro_articles.html avec des paramètres qui sont assez explicites.

Cela affiche 2 articles au centre, puis dessous, coupant la page en 2 colonnes, les 3 articles suivants sur une moitié gauche, puis les 3 articles suivants sur la moitié droite. Il est possible de créer 3 colonnes en utilisant les classes css "column3-unit-(left|middle|right)

Les paramètres disponibles sont généralement documentés dans la noisette qui les possède. Vous pouvez donc facilement créer de nouvelles noisettes ou modifier celles existantes pour agrémenter les squelettes.

Note sur les doublons

Les paramètres {mfx_doublons=art_sommaire} et {mfx_unique=#HASH_DOUBLONS} permettent de gérer des doublons entre squelettes appelés par une balise #INCLURE, ce que ne permet pas SPIP actuellement (et pas <INCLURE> non plus). Les balises permettant cela (#HASH_DOUBLONS et ses compagnes non mentionnées ici) sont définies dans les fichier multiflex_fonctions.php

Exemple de surcharge : changer l’image du bandeau

Vous devez copier /plugins/multiflex3/img/bg_head_middle.jpg dans votre dossier squelettes /squelettes/img/bg_head_middle.jpg, puis modifiez cette image, qui doit être, par défaut de 900*150px.

Utiliser Multiflex 3 pour un site multilingue

Le squelette multiflex permet de gérer facilement un site multilingue. Il existe plusieurs méthodes pour activer le multilinguisme. J’en
présente une ici.

Evidemment avant tout le reste, le multilinguisme doit être activé dans Spip. L’approche utilisée ici repose sur des rubriques dont les titres sont traduits grâce aux balises - ces rubriques
contiennent les articles et leurs traductions.

Pour activer le multilinguisme dans le squelette,
-  ajouter l’option $forcer_lang=true; dans le fichier
/config/mes_options.php
Si vous n’avez pas de fichier mes_options.php, vous pouvez le créer avec
le contenu suivant :

-  créer un fichier entete_langues.html dans le répertoire
/squelettes/noisettes/navigation, ce fichier doit contenir :

Désormais, votre site basé sur Multiflex devrait fonctionner
correctement avec plusieurs langues.

Les mots-clés du squelette et leurs utilisations

Le comportement du squelette peut être adapté à l’aide de quelques mots-clés. Pour créer un mot-clé, entrer dans l’espace d’administration de votre site, onglet « Edition » puis « Mots-clés » et là choisir créer un nouveau mot-clé.

Il est ensuite possible d’affecter un mot-clé à un article (dans la fenêtre d’édition de l’article).

-  Le mot-clé ’edito’ permet d’afficher un article « A la une » sur la page sommaire du site.

-  Le mot-clé ’Pas_dans_le_menu’ permet de ne pas afficher dans le menu de navigation latéral les rubriques contenant ce mot-clé

Obtenir Multiflex 3 pour SPIP

Ce squelette est disponible en téléchargement sur la Zone :

Dépendences :
Multiflex nécessite SPIP 2 ou SPIP 3, ainsi que 2 plugins :

  • CFG version 1.10.2 ou supérieure
  • Palette 1.0 ou supérieur (optionnel)

Installation :
Multiflex s’installe comme un plugin dans le dossier /plugins

SPIP (>1.9.2) sait télécharger et installer automatiquement des plugins.

  1. créer un répertoire avec accès en écriture /plugins/auto
  2. se rendre dans la partie privée dans « Configuration>Gestion des Plugins »
  3. en bas dans le cadre « Ajouter des plugins » se trouve le champ « Adresse du plugin ou de la liste » ; Y copier l’url d’exemple (http://files.spip.org/spip-zone/paquets.rss.xml.gz) puis valider
  4. une liste de plugins aparait dans le même cadre ; selectionner ’squelette_multiflex3’ et valider ;
  5. une procedure d’installation s’effectue.
  • Refaire les points 4 et 5 avec les plugins nécessaires (CFG et Palette)
  • Activer ensuite les plugins téléchargés, installés dans le répertoire ’auto’.

Pour modifier les configurations CFG de Multiflex, vous devez être déclaré ’webmaster’, ce qui se fait en ajoutant dans son fichier config/mes_options.php le code php suivant :

Voir en ligne : Site utilisant ce squelette

Dernière modification de cette page le 29 mai 2013

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 30 novembre 2009 à 09:40, par Nico En réponse à : menu vertical

    Bonjour à tous, je n’ai peut-être pas été très clair dans mon dernier appel au secours : comment faire en sorte que le menu vertical affiche toujours toutes les rubriques et sous-rubriques ? Et comment faire pour qu’au centre apparaissent aussi les sous-rubriques (et pas seulement les articles). D’ailleurs est-ce possible avec multiflex ?
    Un grand merci d’avance à ceux qui peuvent m’aider.

    Répondre à ce message

  • Le 9 novembre 2009 à 11:06, par Maxfield En réponse à : Cache difficile à vider

    Je remercie les auteurs de cet excellent squelette mais quel code étrange ! Il semble impossible de le vider le cache après un modification même en le désactivant avec le couteau suisse. Il faut faire de nombreux essais et c’est toujours aléatoire. Quelqu’un à t il une idée sur cette question ?

    • Le 20 novembre 2009 à 16:16, par Lorelëi En réponse à : Cache difficile à vider

      Idem
      tu à l air dans savoir plus que mois kan même, je voudrai juste pouvoir réhaussé la teinte de mes textes qui sont dans le menu de navigation mais malgré le fait que je change dans configuration > couleurs > liens la couleurs m^me testé les blocs, et après avoir vider le chache, celà ne change pas la couleur..... comment faire.
      une autre question aussi j aimerai grossir légèrement la typo, celà se passe ou. je suis un peu nouvelle sous spip.... merci si tu peu m aider
      LoreLeï}}

    Répondre à ce message

  • Le 10 octobre 2009 à 05:35, par hubert En réponse à : Jeu de squelettes Multiflex 3

    Hello, un wiki ou un forum type phpbb s’il vous plait, on ne s’y retrouve plus dans toutes les pages de commentaires...

    1. Pourquoi ne pas parler des mots clés intégrés à votre squelette ?
    2. Je ne comprends rien aux couleurs « teinte » entre -1 et 1...

    Merci beaucoup...

    • Le 11 novembre 2009 à 15:21, par Nico En réponse à : réponse à Hubert : les teintes entre -1 et 1

      Bonjour, pour ta seconde question, les teintes varient en fonction du nombre choisi, compris entre -1 et 1. Pour un bleu clair par exemple, moi j’ai utilisé -0.2 en rouge, 0 en vert et 0.5 en bleu (attention : il faut utiliser le point et pas la virgule : 0« point »5 pour 0,5), et tu peux ainsi obtenir une grande variété de teintes. La teinte générale est la couleur de fond (menu, tableau, ligne) et la teinte dominante celle des en-têtes par exemple. La police d’écriture s’y adapte aussi, mais pas les liens que tu paramètres avec « liens » et pas « teintes ».
      Amuse-toi bien.

    • Le 20 novembre 2009 à 16:15, par Lorelëi En réponse à : réponse à Hubert : les teintes entre -1 et 1

      bonjour Hubert,
      tu à l air dans savoir plus que mois, je voudrai juste pouvoir réhaussé la teinte de mes textes qui sont dans le menu de navigation mais malgré le fait que je change dans configuration > couleurs > liens la couleurs m^me testé les blocs, et après avoir vider le chache, celà ne change pas la couleur..... comment faire.
      une autre question aussi j aimerai grossir légèrement la typo, celà se passe ou. je suis un peu nouvelle sous spip.... merci si tu peu m aider
      LoreLeï

    Répondre à ce message

  • Le 20 novembre 2009 à 16:09, par Lorelëi En réponse à : typo et couleur

    bonjour,
    je n’arrive pas à changer les couleur des liens sur le menus général, je reste toujours dans les bleus par défaut malgré le faite que je change les couleurs avec l aide de l ’outil palette et que je vide le cache, que faire.
    j aimerai aussi grossir la typo, mais ne trouve pas ou ça se passe, si quelqu’un peu m’aider... le site : http://www.lirealyon.com/

    Répondre à ce message

  • Le 17 novembre 2009 à 19:41, par Jey974 En réponse à : Jeu de squelettes Multiflex 3

    (Ne pas prendre compte du message précédant que j’ai posté, c’est résolu...)

    Répondre à ce message

  • Le 15 novembre 2009 à 18:20, par Jey974 En réponse à : Jeu de squelettes Multiflex 3

    Bonjour !

    Je me lance dans la création d’un site spip avec ce plugin et ce n’est pas si simple que ça ! J’aurais donc quelques questions concernant mon site (http://smpe2010.free.fr/spip) :

    1- est-il possible d’enlever le nom du site qui gâche la bannière en haut sans avoir à supprimer le nom de mon site dans la configuration (pour que le titre apparaisse dans les référencement) ainsi que le carré gris où se situe normalement le logo ?
    2- comment modifier les couleurs du site telles que la barre sous « Actualités » ou encore le bouton « GO ! » à côté de la recherche ?
    3- j’aimerais également supprimer le « fr » tout en haut à droite qui ne sert à rien si c’est possible.
    4- comment ajouter un « background » à ma page ?

    Un grand merci d’avance à quiconque pourra trouver une solution à ces problèmes !

    Répondre à ce message

  • Le 12 novembre 2009 à 19:07, par Nico En réponse à : menu latéral (ou menu vertical) et centre

    Bonjour, je suis webmaster de ce site : http://w8.ac-amiens.fr/inspections/02/laon_ais/ et voici mes deux problèmes :
    1) Le menu vertical ne demeure pas complet lorsqu’on navigue, il n’affiche que la rubrique parente et les autres disparaissent. Est-il possible de faire en sorte qu’il affiche toujours toutes les rubriques et déplie ses sous-rubriques lorsqu’on clique dessus comme ici : http://w8.ac-amiens.fr/inspections/80/amiens_ais/ash/
    Que faut-il modifier et dans quelle noisette ? J’ai babbibel mais c’est difficile pour certains utilisateurs.
    2) Les sous-rubriques s’affichent dans le menu et seuls les articles sont au centre. Les titres des sous-rubrique peuvent-ils aussi apparaître au centre ?
    J’ai longtemps cherché ici et dans les noisettes, mais rien ne me parle, je suis novice en spip. Peut-être que ce n’est pas possible avec multiflex ?
    Un grand merci pour votre aide !

    Répondre à ce message

  • Le 12 novembre 2009 à 18:03, par waxx88 En réponse à : Articles

    Bonjour,

    Quelques petites questions :

    1) Est-il possible de mettre en entier les articles proposés plutôt que d’en voir une partie avec la phrase « lire la suite » ?

    2) J’ai un menu de navigation à gauche lorsque je clique sur une sous-rubrique, je voudrais voir directement l’article lié à cette sous-rubrique (çà revient un peu à la question 1))

    3) Peux-t-on enlever les mots « Actualités » et/ou « A la Une » ?

    4) J’ai des soucis concernant les layouts, mon site ou l’hébergeur que j’utilise pour mes tests « perd » la configuration que je choisis (bandeau et menu).

    5) Comment peut-on augmenter la taille du menu de navigation gauche ou de droite ?

    Merci pour votre aide précieuse.

    Répondre à ce message

  • Le 6 novembre 2009 à 13:49, par Loreleï En réponse à : Jeu de squelettes Multiflex 3

    Bonjour,
    je souhaiterais supprimer dans les rubriques articles : l ’affichage de « répondre à cet article ». il faut aller ou ??
    merci

    Répondre à ce message

  • Le 5 novembre 2009 à 14:42, par cools En réponse à : Couleur de fond des tableaux des articles

    Bonjour, j’ai un petite question :
    -  Dans les articles, la couleur de fond des tableaux est la même que celle de la teinte du site alors même que la couleur blanc est spécifiée. Où puis-je modifier ce principe pour les tableaux contenus dans les articles ?

    merci
    PS : super comme squelette et ses noisettes

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Twitter

    17 juin 2013 – 109 commentaires

    Un plugin qui facilite l’intégration de Twitter dans un site SPIP et permet : d’envoyer facilement des messages avec un ou plusieurs comptes Twitter d’afficher des Widgets standards dans le site public (qui respectent la vie privée des visiteurs) (...)

  • Polyhiérarchie

    14 juillet 2009 – 189 commentaires

    Ce plugin permet de rattacher un article ou une rubrique à plusieurs rubriques parentes.

  • Plugin SPIP-Géoportail

    17 août 2010 – 478 commentaires

    Plugin pour l’intégration d’objets géographiques dans SPIP avec l’API Géoportail. Affichage de cartes Géoportail, OpenStreetMap (OSM), Google Maps, Bing ou Yahoo !... Nouvelle version Suite au changement de version de l’API géoportail et des (...)

  • Plugin Vidéo(s)

    23 novembre 2010 – 703 commentaires

    Interface de gestion et modèle d’insertion des vidéos : Dailymotion Vimeo Youtube Modèle de la balise HTML5 video avec alternative flash html5media : Lecture HTML5/Flash pour tout navigateur des fichiers MP4/H264/Ogg/WebM/Mkv Support mobile, iPad, (...)

  • Ferme à SPIP

    3 janvier 2008 – 152 commentaires

    Un petit article synthétique qui explique en quelques mots et captures d’écrans comment faire une « ferme à SPIP » avec le plugin "Mutualisation" à partir d’un nom de domaine principal.