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.
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.0.
- Page d’accueil du squelette Multiflex
Paramétrages généraux
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 :
- Configuration CFG
- Configuration CFG de Multiflex
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
Il est possible de selectionner 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’ :
- CFG Layout
- Configuration du layout Multiflex par CFG
Ainsi, en selectionnant un affichage sur "2 colonnes inversées" et un en-tête avec simplement "bandeau + menu", on obtient :
- Multiflex 2 colonnes
- Layout avec "bandeau+menu" et "2 colonnes inversées"
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.
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 2 colonnes
- Le menu latéral est complété ainsi que le centre par les informations normalement présente dans la 3è colonne
An sélectionnant un affichage "1 colonne" avec "Titre + menu" pour l’en-tête, cela donne :
- multiflex 1 colonne
- Configuration avec une seule colonne pour l’ensemble de la page
Choix de 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.
- Multiflex CFG Navigation
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’) :
- Navigation à puces
Choix de couleurs
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 :
- Couleurs par défaut
- Rendu des couleurs 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 supplements 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.
Obtenir Multiflex 3 pour SPIP
Ce squelette est disponible en téléchargement sur la Zone :
- Zip : http://files.spip.org/spip-zone/squ...
- Svn : svn ://zone.spip.org/spip-zone/_squelettes_/oswd/3626_multiflex-3
- Sources : http://zone.spip.org/trac/spip-zone...
Dépendences :
Multiflex nécessite SPIP 2.0, ainsi que 2 plugins :
Installation :
Multiflex s’installe comme un plugin dans le dossier /plugins
SPIP (>1.9.2) sait télécharger et installer automatiquement des plugins.
- créer un répertoire avec accès en écriture
/plugins/auto - se rendre dans la partie privée dans "Configuration>Gestion des Plugins"
- 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/paq...) puis valider
- une liste de plugins aparait dans le même cadre ; selectionner ’squelette_multiflex3’ et valider ;
- 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 :
RSS 2.0
Vos commentaires
# Le 3 février à 22:38, par Gep
Bonjour encore
Est-ce que quelqu’un arrive à utiliser un diaporama ou thickbox ou autre avec Multiflex ?
A part le portfolio, rien ne marche convenablement ; voire ça disparaît ! Est-ce dû à ma V° 2.0.10 de spip ou au squelette ou aux plugins instables ? Merci de me passer la lampe de poche.
Répondre à ce message
# Le 28 avril 2009 à 02:31, par ?
Bonjour,je voudrais savoir comment afficher un article fixe en page d’accueil svp.
Si quelqu’un pouvait me le dire ce serait sympa merci .
# Le 7 mai 2009 à 10:18, par MAX
Bonjour,
moi j’ai tout simplement modifier la page "sommaire.html" :
J’y ai supprimer tout ce qu’il y avait et je n’ai mis que cette seule ligne encadrée par <> : l’ Article 12 étant celui que je veux en page d’accueil
INCLURE fond=article id_article=12
MAX
# Le 14 décembre 2009 à 10:31, par ced
Salut,
j’ai adopté ce squelette bien pratique, mais je me pose la même question qu’un autre avant moi : comment afficher un article fixe en page d’accueil ???
et je ne trouve aucune réponse ....
qq’un peut il m’aider svp ?
Merci !
# Le 14 décembre 2009 à 12:09, par ?
Bonjour
moi j’ai solutionné le problème en modifiant lez fichier "sommaire" dans le plugin Multiflex 3
J’ai mis, en tout et pour tout dans ce fichier la ligne :
, et ça marche
# Le 3 février à 22:21, par Gep
bonjour
En réponse à ceux qui cherchent un article fixe en page d’accueil, j’avais trouvé une astuce simple : j’avais juste antidaté l’article (2011) à installer dans "A la Une". Par contre il s’inscrit avec "lire la suite" (voir là : [url= http://frontignes.free.fr ]frontignes[/url] ). C’est ce que je souhaitais pour garder cette apparence Journal de Multiflex. Sinon pourquoi casser la mise en page ?
Mais je n’ai pas exploré le mot-clef Edito ni touché la noisette correspondante ; ce qu’il faudrait faire, en fait. Je vais m’y pencher quand j’aurai du temps. A bientôt
Répondre à ce message
# Le 1er novembre 2009 à 16:11, par cools
Bonjour, peut-on avec Multiflex personnalisé une rubrique particulière sachant que rubrique=1.html ne marche pas ?
Je souhaiterai pour la rubrique1 afficher les articles sans résumer mfx_couper_texte=non et pour toutes les autres rubriques utiliser l’affichage pas défaut.
merci de votre aide,
# Le 1er novembre 2009 à 16:37, par Franck
Bonjour cools
Ce que tu souhaites, c’est que quand les gens dans la partie publique clique sur le bouton correspondant à ta rubrique 1, il tombe directement sur un article précis et complet ( pas le résumé), C’est ça ?
Si oui, le plus simple, c’est d’utiliser le plugin "menus" (j’ai fait un article en haut à droite de cette page)
Les menus, c’est les boutons que tu vois dans la partie publique !
Dans t’on cas, il faudra donc qu’avec ce plug tu choissices, comme type d’entrée " objet de spip" type "article" et mettre le numéro de t’on article .
Ainsi, tu auras un bouton qui pointera directement vers l’article.
Pour les autres boutons, il faudra que tu prennes type"rubrique"
Franck
# Le 1er novembre 2009 à 18:16, par cools
En fait, je ne cherche pas à afficher un article en cliquant sur une rubrique. Mais plutôt comme le scénario suivant :
- Rubrique1 avec 6 articles "Ax" où x un numéro
- Rubrique2 avec 3 articles "By"
Clique sur la rubrique1, j’affiche les 6 articles "Ax" avec les options suivantes :
[(#INCLURE fond=noisettes/article/inc/intro_articles id_rubrique env
mfx_afficher_details=non
mfx_pagination_nombre=3
mfx_afficher_lire_suite=non
mfx_couper_texte=non )]
Clique sur la rubrique2, j’affiche les 3 articles "By" avec les options suivantes :
[(#INCLURE fond=noisettes/article/inc/intro_articles id_rubrique env
mfx_afficher_details=oui
mfx_pagination_nombre=10
mfx_afficher_lire_suite=oui
mfx_couper_texte=400 )]
# Le 1er novembre 2009 à 18:59, par cools
J’ai trouvé.
Il faut modifier le fichier "centre.html" dans squelettes\noisettes\rubrique\centre.html.
En ajoutant les boucles suivantes :
« BOUCLE_RubriqueStandard(RUBRIQUES) (id_rubrique)(id_rubrique !=1)
div class="column1-unit"
[(#INCLURE fond=noisettes/article/inc/intro_articles id_rubrique env
etc... »
puis après, j’ai fait une boucle pour la rubrique 1 :
« BOUCLE_RubriqueClub (RUBRIQUES) (id_rubrique)(id_rubrique ==1)
div class="column2-unit-left"
[(#INCLURE fond=noisettes/article/inc/intro_articles id_rubrique env
etc... »
Attention, l’ordre est important.
# Le 25 janvier à 18:27, par ?
Bonjour,
Pouvez-vous me donner plus d’explications sur ces boucles ?. Je voudrais sur "mon" site , particularisé "noisettes/sommaire/centre.html" en mettant au centre 6 articles dont chacun est le dernier publié de 6 rubriques du site.
Comment faire ? Je cherche depuis plusieurs jours sans trouver une solution. Merci de m’aider.
Dovi.
Répondre à ce message
# Le 21 décembre 2009 à 18:56, par fred
Bonjour, 3 questions qui ont déjà été posées mais dont je n’ai pas su trouver la réponse.
Concernant la page d’accueil (sommaire) :
- une fois que l’on a attribué le mot clé "edito" à un article, comment faire pour que cet article s’affiche en entier (sans le fameux "lire la suite), en entier, c’est-à-dire tout le texte +les photos qui y sont insérées ??
- comment insérer un cadre à droite du sommaire, dans lequel je pourrais insérer une photo, un lien ?? Ok, il faut jouer sur les noisettes, mais je n’ai pas les compétences pour savoir quoi y écrire.
Concernant toutes les pages :
- comment supprimer le "répondre à cet article" affiché en bas de chaque article, alors que tous les forums ont été désactivés ?
Merci pour vos conseils pour quelqu’un qui débute sous mulitflex.
Répondre à ce message
# Le 29 juillet 2009 à 23:51, par Thom
Bonjour, j’aimerais intégrer le code google adsense dans le squelette. Quels fichiers faut-il modifier ? Et où insérer le code dans chaque fichier ?
J’ai spip2.0
Mon site : http://thomas.arles.free.fr
# Le 28 octobre 2009 à 15:39, par Vincent
Bonjour as tu réussi ?
# Le 16 décembre 2009 à 12:48, par ?
Non, toujours pas. J’ai bien essayé de modifier le fichier article.html (celui de multiflex, pas dist) mais tout ce que j’avais, c’était une page blanche.
Répondre à ce message
# Le 15 décembre 2009 à 10:52, par ?
merci pour ta réponse, mais hélas, elle est illisible sur le forum :-(
peux tu re-préciser ce que tu as mis, et dans quel fichier exactement ?
je tâtonne, mais je ne trouve pas ...
merci.
Répondre à ce message
# Le 4 décembre 2009 à 12:38, par Gep
Bonjour Olivier et tous les Multiflex,
J’avais déjà essayé avec le retour ligne. Marche pas. Ce qui marche par contre c’est qu’il me fait les notes en survol automatique (par défaut alors ?). Comment est-ce possible ?
J’ai passé le firebug qui me donne ça dans la balise :
code :
a id="nh1" class="spip_note" title="blabla" rel="footnote" href="#nb1"
Par défaut chez vous c’est en retour bas de page ?
ex. ici
Répondre à ce message
# Le 3 décembre 2009 à 22:37, par gep
Bonjour
Mes notes de bas de page ne s’affichent pas. Est-ce dû à la structure de Multiflex ? Sur d’autres thèmes, je n’ai pas remarqué le pb. Comment les faire fonctionner ?
http://frontignes.free.fr
# Le 4 décembre 2009 à 11:34, par olivier
Bonjour,
J’avais le même problème, résolu en supprimant les balises html de la note (un retour à la ligne, pour ma part).
Répondre à ce message
# Le 30 novembre 2009 à 09:40, par Nico
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
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
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