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
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. 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 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’ :
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.
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) :
En sélectionnant un affichage « 1 colonne » avec « Titre + menu » pour l’en-tête, cela donne :
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.
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
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 !) :
<!-- B. MAIN -->
<div class="main">
<!-- B.1 MAIN NAVIGATION -->
<div class="main-navigation">
<!-- Navigation Level 3 -->
<div class="round-border-topright"></div>
<INCLURE{fond=inc-colonne}{env}{mfx_supplements=oui}>
</div>
<!-- B.1 MAIN CONTENT -->
<div class="main-content">
<INCLURE{fond=inc-centre}{env}{mfx_supplements=oui}>
</div>
</div>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 :
<!-- Pagetitle -->
<h1 class="pagetitle"><:multiflex:actualites:></h1>
[(#REM) Articles sur une colonne (div par article)]
[(#INCLURE{fond=noisettes/article/inc/intro_articles}{env}
{mfx_pagination_nombre=2}
{mfx_pagination_liens_pages=non}
{mfx_doublons=art_sommaire}
{mfx_unique=#HASH_DOUBLONS}
{mfx_afficher_lire_suite=oui}
{mfx_lien_sur_titre=oui}
{mfx_couper_texte=500}
)]
<div class="column2-unit-left">
[(#INCLURE{fond=noisettes/article/inc/intro_articles}{env}
{mfx_pagination_nombre=3}
{mfx_pagination_liens_pages=non}
{mfx_doublons=art_sommaire}
{mfx_unique=#HASH_DOUBLONS}
{mfx_afficher_lire_suite=oui}
{mfx_lien_sur_titre=oui}
{mfx_couper_texte=400}
)]
</div>
<div class="column2-unit-right">
[(#INCLURE{fond=noisettes/article/inc/intro_articles}{env}
{mfx_pagination_nombre=3}
{mfx_pagination_liens_pages=non}
{mfx_doublons=art_sommaire}
{mfx_unique=#HASH_DOUBLONS}
{mfx_afficher_lire_suite=oui}
{mfx_lien_sur_titre=oui}
{mfx_couper_texte=400}
)]
</div>
<!-- hr class="clear-contentunit" / --> 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 :
<?php
$forcer_lang=true;
?>- créer un fichier entete_langues.html dans le répertoire
/squelettes/noisettes/navigation, ce fichier doit contenir :
<B_langues>
<!-- Navigation Level 0 -->
<div class="nav0">
<ul>
#MENU_LANG
</ul>
</div>
</B_langues>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 :
- 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 ou SPIP 3, 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/paquets.rss.xml.gz) 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 :
// webmestres (auteurs 1 & 2 ici)
define('_ID_WEBMESTRES', '1:2');
Discussions par date d’activité
247 discussions
Oyé, oyé !
Deux petites questions (ou bien des grosses, je ne sais pas !)
1°Serait-il possible de faire en sorte d’afficher l’intégralité d’un billet sur la page d’accueil, de manière à ce qu’il ne soit pas nécessaire de cliquer sur « lire la suite » pour aller à l’article entier ?
2°Est-il possible de déterminer le nombre d’articles qu’on veut voir afficher sur la page d’accueil ?
Mille merci pour votre aide si vous pouvez !
Répondre à ce message
Bonjour,
J’aimerais créeer des encadrés comme c’est le cas sur cette page ( à droite) : http://www.1234.info/webtemplates/multiflex3/demo/
Mais je ne vois pas du tout comment on fait, même après avoir retourné la question dans tous les sens . Une âme charitable aurait-elle une piste ? ;-)
Répondre à ce message
Merci pour votre suggestion. Je viens d’upgrader mais le squelette n’est toujours pas disponible d’après « config » alors que je l’ai mis sur le site ? Etrange non ?
Heu... moi je répondais à Tonioooooo .
(Pour répondre à un message il y a une petite icone à droite du message qui se voit presque pas, sinon cliquer « voir toutes les discussions » pour avoir les messages en fil et répondre plus facilement à celui qui intéresse.)
OUps ! Tant pis ! Merci quand même !
Je vais en profiter pour poser une autre question alors. Je vais rester sur multiflex 3 mais je ne parviens pas à changer le bandeau vert. J’aimerais mettre une autre image. Je ne vois pas du tout comment faire ? J’ai regardé dans le forum, j’ai vu que c’était possible mais je ne vois pas trop quelle est la procédure. Quelqu’un aurait une piste ?
Je viens d’ajouter un petit mot pour ça dans le texte :
Top ! Merci beaucoup !
Merci beaucoup Mathieu, je ferai la mise à jour spip 2.0.2 vers 2.0.3.
Répondre à ce message
J’utilise ce squelette pour le site de notre collège et je le trouve très abordable, même si j’ai effectué quelques modifications. Cependant, il y a un petit souci concernant le site public. Quand nous sommes sommes dans un article et qu’il y a un document joint en PDF, si on veut ouvrir ce PDF, le lien est l’article lui-même et n’ouvre pas le document. Je ne vois pas où modifier ce lien vers le document lui même (cf lien http://clg-foresterie-72.ac-nantes.fr/spip/spip.php?article32). Quelqu’un aurait-il une idée ???
Merci
Toniooo
En upgradant SPIP en version 2.0.3... la version 2.0.2 a été victime d’un petit bug avec des balise A un peu trop présentes sur les documents. Désolé :)
Répondre à ce message
Hello !
thank you for the plugin !
I’m testing spip 2.02 and your jeu de squelette and in the home page I get This error just on calcul/recalcul of the page :
What do you think ?
Someone can help me ?
(I can understand francois, but not write it)
Hello mmmx,
(I understand english, but I’m not write it ! ^^)
Je ne pense pas que le problème vienne du Squelette Multiflex précisément. J’ai l’impression qu’il se passe quelque chose d’étrange avec les préfixes de tables. Quelques questions :
Je m’étonne de lire dans la requête générée :
FROM spip_rubriques AS <span class="base64" title="PGNvZGUgY2xhc3M9InNwaXBfY29kZSBzcGlwX2NvZGVfaW5saW5lIiBkaXI9Imx0ciI+cnVicmlxdWVzPC9jb2RlPg=="></span>(avec spip_) etFROM <span class="base64" title="PGNvZGUgY2xhc3M9InNwaXBfY29kZSBzcGlwX2NvZGVfaW5saW5lIiBkaXI9Imx0ciI+U3FseHh4eC5hZHZfbW90c19ydWJyaXF1ZXMgQVM8L2NvZGU+"></span>L1`avec le préfixe ’adv_’. Il semblerait qu’il y est un bug (peut-être de SPIP).Yes is true, Matthieu !!!
I have « adv_ » prefix and not « spip_ » but this doesn’t appear in the SQL correctly for every data table !!!
Moi base de donnée MySQL ;
base de donnée nommée ’Sqlxxxx’
Plugins : cfg, palette, multiflex3
So, do you think is a Spip Bug ?
Thanks a lot
mmmx
I think it’s a SPIP bug on other prefix table than the default « spip_ ». I will try to reproduce it immediatly !
Well. I’ve try... but I don’t reproduce this bug.
I put
on the
config/mes_options.php’s file, install a SPIP with it, install CFG, Palette and Multiflex. The_rubrique’s loop in the fileplugins/3626_multiflex-3/noisettes/_navigation/horizontal/sous_rubriques_articles_par_mots.htmlgive me this SQL request :This request has’t the same bug as you have.
Répondre à ce message
Pour l’instant je suis toujours au stade initial pour l’utilisation de ce squelette et j’avoue j’ai un peu de mal. Pour l’instant c’est le seul problème que j’ai remarqué dans l’espace privé après l’activation du squelette. Je rappelle que le message a été observé sur les serveurs de free.
Autre chose peut-on installer le plugin à accès restreint 3.0 sur ce squelette car je ne vois nulle part le logout qui permettrait de se déconnecter une fois connecter.
Je n’ai toujopuirs pas eu la réponse à savoir comment personnaliser l’habillage (modifier les couleurs). Dans l’espace privé dans configuration squelette multiflex et dans multiflex couleurs je n’ai pas compris comment fonctionne la partie basse du tableau sur les teintes. La palette ne se déclenche pas dans les cases (Coefficient entre -1 et 1, teinte générale, teinte dominante). Y a-t-il quelqu’un pour m’aider ?
Remerciement et bonne année à tous.
Répondre à ce message
Bonjour M. MARCILLAUD.
Merci pour ce joli cadeau de fin d’année.
Après installation du Jeu de squelette Multiflex, de CFG et de Palette, je reçois dans l’espace privé le message suivant :
Warning : is_dir() [function.is-dir] : Unable to access ../../plugins/palette/ in /mnt/144/sda/8/a/lputuroa/ecrire/inc/utils.php on line 691
De plus je ne comprends pas comment modifier les couleurs d’habillage j’ai essayé en vain dans palette mais aucun résultat merci de m’aider à démarrer car suis un nouveau sur cet espace.
Il semblerait qu’un script de protection sur votre serveur empêche la fonction is_dir() d’utiliser des chemins avec « ../ ». Est-ce qu’il y a que cela qui ne fonctionne pas ?
Répondre à ce message
Votre solution pour l’article sticky est assez moche ; vous définissez des fonctions de présentation partielle de squelette intéressantes et d’après vous le concepteur, on ne peut pas le réutiliser.
Etes vous vraiment sûr qu’en jouant sur env (paramètre passé à la noisette) on ne peut pas définir une restriction sur l’article à présenter ?
Faire ainsi éviterait de copier coller et remettre en ordre intro_article en évitant les effets de bords d’incohérence de look’n feel à la prochaine mise à jour du plugin.
Cher Mathieu, donnez moi l’endroit où env est traité (voir un lien sur une doc qui n’est pas un lien de lien de lien), son contenu, ce que vous voulez, mais j’aimerais juste éviter d’installer un truc avec un chouette look’n feel, une belle interface de configuration qui me simplifie la vie, mais dont tous les bienfaits sont ruinés quand je veux faire quelquechose de simple en SPIP standard.
PS Merci pour les commentaires dans le code, et la documentation de l’API qui me permet de voir que je ne trouve pas ce que je cherche.
Bon j’ai trouvé une solution :
Copier le fichier noisette/article/inc/intro_articles.html ou de droit
avec un nom genre intro_articles_edito.html
copier le fichier centre.html où de droit pour qu’il soit pas écraser (dans les exts quoi)
modifier dans la noisette dans la boucle article la sélection d’article par le titre_mot=edito et changer la css si on veut le mettre en valeur
modifier centre.html arpès l’avoir copié où il faut pour inclure la nouvelle noisette...
Bonjour Jul,
De peur de ne pas tout comprendre, je vais vous demander quelques éclaircissements :
Est-ce à moi que vous parlez ? Si oui, de quoi parlez vous et qu’entendez-vous par « sticky » ? Ensuite, où dis-je qu’on ne peut pas les réutiliser ?
Là encore je ne comprends pas ce que vous souhaitez exprimer. De quelles restrictions avez-vous besoin ?
Comme je l’ai déjà indiqué, ce squelette est présent sur la Zone et peut être améliorable par quiconque. Pour ma part, je le trouve assez tordu maintenant, mais il pourrait être entièrement paramétré via CFG avec quelques petits formulaires. Toutes les variables transmises
{mfx_truc=valeur}pourraient avoir leurs valeurs déterminées depuis la configuration du plugin. Mais c’est une autre étape et je n’ai pas trop la volonté de m’y pencher en ce moment.Un édito est un article spécifique (votre solution boucle article par mot clé est réutilisée) qui colle (stick) au sommaire tout en étant pas répété.
Bref le classique édito si on est orienté presse papier, un élément ’sticky’ si on est orienté programmation d’interface graphique.
Ma solution a consisté à rajouter une noisette contenu_article_edito qui est une copie de contenu_article à laquelle j’ai rajouté les codes de gestions de doublons et une sélection par titre_mod=id_edito, et modifier le sommaire :
Dans centre.html ajout de :
Dans noisettes/article/inc/contenu_article_edito
Voilà pour ceussent qui veulent faire un édito avec gestion chronologique des éditos sans doublons dans le sommaire, et sans réinventer la roue.
Le problème est qu’il faudra réadapter noisettes/article/inc/contenu_article.html à chaque nouvelle version du plugin pour que les look’n feel soient identiques.
Donc, j’aurais toujours préféré faire ça avec la noisette de base en lui passant juste quelques paramètres ...
résultat sur imagina.ti0n.net
J’imagine que mes modifs seront écrasées à la prochaine mise à jour, mais cela ne me dérange pas, j’ai pas fait trop de modif, et ce poste me permet de sauvegarder la méthode pour le refaire :P
Répondre à ce message
ok je pensais qu’il fallait créer un dossier squelette-multiflex dans squelette.
C’est bon, du coup pour le logo, nom du site, et fonts que j’ai modifié. tu ne voudrais pas créer un wiki où tout le monde pourrait écrire les modifes qu’il a apportés et comment il a fait ? Je veux bien prendre le temps de tout écrire pour ma part.
D’autres questions :
1) J’ai bien compris pour les noisettes que je modifie en doublon dans le dossier squelette, par contre je ne vois vraiment pas comment ajouter un lien vers d’autres fonctionnalités (agenda par exemple sur la droite)
2) Je ne vois pas comment multiflex gère les rubriques...J’ai un top sur deux lignes même en 3 colonnes. comment virer des rubriques, comment les classer ? (sur alternatives je rajoutais un chiffre devant...)
Merci encore.
Répondre à ce message
Bravo pour cette adaptation très modulable... Je poste mon site dès qu’il est fonctionnel...
1) Je n’arrive toujours pas à donner à mon logo une taille voulue (logo sit ou bg_head_top.jpg)
2) www\spip\squelettes\squelette_multiflex3\noisettes_navigation\entete_langues.html ne « prend pas la main » sur www\spip\plugins\auto\squelette_multiflex3\noisettes_navigation\entete_langues.html
Merci
Pour le 2) c’est simple, il faut le mettre dans le répertoire :
www\spip\squelettes\noisettes\_navigation\entete_langues.htmlRépondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
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.
Suivre les commentaires :
|
