SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 259 visiteurs en ce moment

Accueil > Squelettes > Squelettes spéciaux > Moulinette > Moulinette

Moulinette

17 juillet 2015 – par chankalan, Pierke1 – 30 commentaires

8 votes

Un squelette qui monte et qui descend !

Moulinette est un squelette basé sur le thème Grayscale (documentation) pour Bootstrap 3. Le type de site attendu est un site en une seule page : une rubrique avec quelques articles, des titres courts, des mots-clefs entre articles si besoin, des forums et pétitions à volonté.

Fonctionnement

Le squelette fonctionne avec plusieurs rubriques quand même (une structure complexe est aux risques et périls des rédacteurs). Un plan du site est affiché en bas de page s’il y a plusieurs rubriques, mais toutes fonctionneront comme la première, tous les articles dans la page de rubrique, des ancres dans le menu en haut pour descendre jusqu’au contenu déroulé dans la hauteur.

Installation

Comme les autres plugins, mais il faut au minimum la version 3.1.0-beta de SPIP.

Configuration

La page de configuration propose de choisir la rubrique d’accueil et quelques couleurs : arrière-plan, texte, liens et liens au survol. Si présents, les logos sont utilisés pour les arrières-plans. En utilisant le plugin « Couleur d’objet » il est possible de choisir les couleurs d’arrière-plan.

De Grayscale à Moulinette

Étant donné qu’on peut choisir les couleurs, les arrières-plans et notablement changer le thème de départ, le squelette s’éloigne du thème graphique Grayscale - « échelle de gris » -, l’intérêt préservé étant surtout la navigation verticale et les animations douces : la navigation descend et monte dans la page. Le nom Moulinette est en référence à la moulinette en escalade - c’est finalement une manière de monter et descendre en étant assuré en permanence.

JPEG - 31.6 ko

Voir en ligne : http://plugins.spip.net/moulinette

P.-S.

Pour voir le squelette en action : http://moulinette.choc02.fr

Dernière modification de cette page le 5 mai 2016

Retour en haut de la page

Vos commentaires

  • Le 10 septembre à 18:45, par Rémy En réponse à : Moulinette

    Bonjour,
    je viens de tomber par hasard sur ce squelette très bien réalisé. Merci !
    Comment y inclure un formulaire CVT avec gestion du retour sur la bonne ancre (là où se trouve le formulaire dans la page) ? En cas de message_erreur ou message_ok, le retour s’effectue par défaut en haut de page...
    D’avance merci pour une piste.
    Rémy

    Répondre à ce message

  • Le 4 mars à 20:01, par c-la-wat En réponse à : Moulinette

    Merci pour ce super pllugin ! Très fonctionnel.

    J’aimerais cependant ouvrir mes articles en profondeur #URL_ARTICLE comme on peut le faire avec les rubriques.
    L’idée étant de pouvoir partager les articles sur les réseaux sociaux, car l’url site.com/spip.php ?rubriqueX#articleX partagé en ligne renvoie sur la rubrique et non sur l’article.

    Quelle est la solution ? Merci d’avance pour votre aide.

    • Le 4 mars à 22:28, par chankalan En réponse à : Moulinette

      Bonsoir,
      le pire qui puisse arrivé est de tomber sur la page d’un article seul, avec un lien en haut pour revenir à l’accueil, mais pour vraiment éviter ça il faut communiquer le lien vers l’ancre de l’article, et il est vrai qu’il manquait quelque chose pour faire ça facilement : je viens de mettre à jour le plugin, donc la version 0.2.13 devrait afficher un lien à côté de chaque titre comme ceci : http://moulinette.choc02.fr/#degrayscaleamoulinette2
      merci pour la remarque, :o)

    • Le 5 mars à 11:56, par c-la-wat En réponse à : Moulinette

      Merci pour votre réactivité.
      Cependant le lien à côté du titre ne change pas le problème de partage car l’ancre partagée sur les réseaux sociaux renvoie et affiche la rubrique et non l’article.

    • Le 5 mars à 17:02, par chankalan En réponse à : Moulinette

      ah mince, j’ai compris le problème à l’envers...
      Si j’arrive à remettre à l’endroit, je suis pas sûr de bien saisir le problème...
      Bon, pour indication, les urls des articles sont calculées avec la fonction suivante http://zone.spip.org/trac/spip-zone/browser/_squelettes_/moulinette/trunk/moulinette_options.php#L20
      ...

    Répondre à ce message

  • Le 20 juillet 2015 à 11:02, par jeanmarie En réponse à : Moulinette

    Et n’y aurait-il pas une solution en passant par le plugin Bootstrap ? http://plugins.spip.net/bootstrap ce qui permettrait d’externaliser la gestion de Bootstrap.
    Le trunk embarque la V3.3 : http://zone.spip.org/trac/spip-zone/browser/_plugins_/bootstrap/trunk
    Mais une fois de plus, je ne me rends pas compte du boulot que ça implique...

    • Le 20 juillet 2015 à 14:34, par chankalan En réponse à : Moulinette

      Oui pourquoi pas, c’est tout récent que le plugin Bootstrap a été mis à jour... j’y regarderais de plus près, et si ça se fait ça sera sans effet sur le fonctionnement du squelette.

    • Le 21 juillet 2015 à 13:51, par jeanmarie En réponse à : Moulinette

      Ca marche... je surveillerai les commit :)

    • Le 13 décembre 2015 à 14:10, par jeanmarie En réponse à : Moulinette

      Salut,

      avec le plugin jQuery de Cedric (cf http://zone.spip.org/trac/spip-zone/browser/_plugins_/jquery/ ), il est possible d’installer Moulinette sur SPIP 3.0, il suffit d’ajouter le nécessite à paquet.xml :

      1. <necessite nom="jquery" compatibilite="[1.9.1;]" ></necessite>

      Et pour SPIP 3.1, depuis r22634, il ya le procure pour jQuery 1.11.3 (cf https://core.spip.net/projects/spip/repository/revisions/22634 ), donc pas de souci pour que Moulinette fonctionne.

    • Le 14 décembre 2015 à 09:27, par chankalan En réponse à : Moulinette

      salut,
      super, j’ai testé aussi, ça marche bien, c’est super chouette ! mais par contre je vois pas trop comment faire.

      • deux versions du plugin : plus lourd à maintenir... juste pour cette balise necessite...
      • 1 seule version qui nécessite le plugin jquery même quand c’est pas nécessaire ? : ça me paraît pas clair...
         ??
    • Le 14 décembre 2015 à 09:40, par chankalan En réponse à : Moulinette

      En même temps la balise necessite ne semble pas gêner SPIP 3.1.0 : ça tombe plutôt bien.
      As-tu fais l’essai ?

    • Le 14 décembre 2015 à 09:51, par jeanmarie En réponse à : Moulinette

      Oui, SPIP 3.1 fournit jQuery en version 1.11.3 (cf https://core.spip.net/projects/spip/repository/revisions/22634 ) donc pas de souci pour le nécessite.
      Par contre, pour l’instant, le plugin jQuery n’a pas de zip sur la zone, il faut le récupérer en SVN...

    • Le 14 décembre 2015 à 10:14, par chankalan En réponse à : Moulinette

      et il est en test, donc on teste... on va pas changer Moulinette tout de suite ce matin...
      Je comprends toujours pas bien comment un plugin necessité n’est finalement pas installé, ça tombe bien je suis d’accord, mais comment il fait ? Si ça surcharge les jquery de SPIP 3.1 c’est pas forcément la solution...

    • Le 14 décembre 2015 à 10:23, par jeanmarie En réponse à : Moulinette

      Oui oui, pas ce matin :) mais suivons le truc de près...

      Il est nécessaire en version 1.9.1 mini (pour que Bootstrap fonctionne) et est fournit nativement par SPIP 3.1 en version 1.11.3. Donc pas besoin d’installation supplémentaire ni de surcharge, c’est le jQuery de SPIP 3.1 qui est utilisé.

    Répondre à ce message

  • Le 25 novembre 2015 à 14:34, par jeanmarie En réponse à : Moulinette

    Salut,

    je trouve un peu perturbant que le menu de bas de page s’appelle Plan du site. Est-ce qu’il ne faudrait pas le nommer Menu vu que c’est par là que se fait la navigation ?
    Après, comme c’est bien fait, c’est une chaine de langue qui peut être surchargée mais bon...

    Et si on le pense comme un menu, ne faudrait-il pas que la 1re entrée soit Accueil (chaine <:zcore:accueil :>) et que la rubrique utilisée pour l’accueil ne soit pas listée en dessous ?

    Voici une proposition, sans doute à affiner :
    (j’ai ajouté des #EXPOSE pour mettre en évidence la rubrique en cours)

    1. <B_plan>
    2. <ul class="list-group">
    3. <li class="list-group-item"><a href="#URL_SITE_SPIP"[ class="(#ID_RUBRIQUE|=={#CONFIG{moulinette/accueil}}|oui)on]"><:zcore:accueil:></a></li>
    4. <BOUCLE_plan(RUBRIQUES){racine}{id_rubrique != #CONFIG{moulinette/accueil}}{par num titre, titre}{!par date}>
    5. <li class="list-group-item">
    6. <a href="#URL_RUBRIQUE"[ class="#EXPOSE"]>[(#TITRE)]</a>
    7. <INCLURE{fond=liste/articles-titre,id_rubrique} ></INCLURE>
    8. [(#REM) Une boucle recursive pour le mini plan]
    9. <B_miniplan>
    10. <ul class="list-group">
    11. <BOUCLE_miniplan(RUBRIQUES){id_parent}{id_rubrique != #CONFIG{moulinette/accueil}}{par num titre, titre}{!par date}>
    12. <li class="list-group-item">
    13. <a href="#URL_RUBRIQUE"[ class="#EXPOSE"]>[(#TITRE)]</a>
    14. <INCLURE{fond=liste/articles-titre,id_rubrique} ></INCLURE>
    15. </li>
    16. </BOUCLE_miniplan>
    17. </ul>
    18. </B_miniplan>
    19. </li>
    20. </BOUCLE_plan>
    21. </ul>
    22. </B_plan>

    Télécharger

    • Le 25 novembre 2015 à 18:17, par chankalan En réponse à : Moulinette

      Bonjour,
      oui, pourquoi pas, j’avais déjà hésité entre plan et menu.
      Le problème ici c’est qu’on a plus la liste des articles de la rubrique d’accueil dans le menu/plan, c’est un peu dommage, je trouve...

    • Le 26 novembre 2015 à 10:22, par jeanmarie En réponse à : Moulinette

      Du coup, on pourrait faire une 1re boucle pour l’accueil avec le critère

      1. {id_rubrique = #CONFIG{moulinette/accueil}}

      et la 2nde pour les autres rubriques telle que dans l’exemple.

    • Le 26 novembre 2015 à 11:32, par chankalan En réponse à : Moulinette

      bin oui... ça ajoute une boucle juste pour que la rubrique d’accueil soit en premier, mais je pense que soit :

      • c’est déjà le cas, la rubrique d’accueil est aussi la première
      • c’est volontairement pas le cas, alors le menu doit refléter cette volonté

      Actuellement, pour avoir la rubrique d’accueil en premier dans le menu, il faut que son numéro de titre soit le premier de toutes les rubriques racines... et hop !

      Ça me semble le plus économique... et le plus générique.
      Et là-dessus on peut surcharger tout ce qu’on veut...
      :o)

    • Le 26 novembre 2015 à 11:57, par jeanmarie En réponse à : Moulinette

      Le tri se fait par num titre, titre puis  !par date. Dans mon cas, ça ne fonctionne pas : je présente une structure et tous les gens qui y participent.

      Du coup, l’idéal serait d’avoir l’accueil en 1er puis, par ordre alphabétique, toutes les autres rubriques. Or, si je numérote la rubrique accueil, elle apparait en dernier ce qui oblige à numéroter toutes les rubriques et devient vite ingérable. Sinon, elle se retrouve noyée dans l’ordre alphabétique.

      Mais je pense que ça pose plus globalement la question de l’adaptation d’un squelette prévu en One page à une squelette plus générique, utilisable sur un site plus complexe avec de l’info hiérarchisée (notion de menu, d’accueil...).

      Pour ce qui est de l’ajout de la boucle, c’est vrai que c’est moins économique. Par contre, ça enlève un test avec 2 requêtes

      1. #ID_RUBRIQUE|=={#CONFIG{moulinette/accueil}}

      mais je ne sais pas ce que ça vaux niveau perf...

      (et merci pour tes retours :) )

    • Le 26 novembre 2015 à 12:03, par chankalan En réponse à : Moulinette

      En tout cas ok déjà pour la mention Menu plutôt que Plan du site, le vrai plan est dans le pied de page...
      http://zone.spip.org/trac/spip-zone/changeset/93172

    • Le 26 novembre 2015 à 12:11, par jeanmarie En réponse à : Moulinette

      Super, merci !

      Aussi, toujours dans l’idée de facilité la navigation sur des sites plus complexes, il pourrait être intéressant d’ajouter un icône pour le retour à l’accueil près du lien permettant d’accéder au menu (pas besoin de .

      Il suffirait d’ajouter

      1. <a href="#URL_SITE_SPIP" class="goto-home btn"><i class="fa fa-home"></i></a>

      ligne 12 de inclure/nav.html.

      Je peux le faire si tu veux...

    • Le 26 novembre 2015 à 12:21, par chankalan En réponse à : Moulinette

      Pour le tri je n’en ai jamais trouvé un qui puisse convenir à tous les cas de figure.
      Pour toi il faut juste inverser les critères comme ça {par titre,num titre}
      ...
      et tout bien réfléchi c’est peut-être mieux comme ça : si on numérote qu’une seule ou plusieurs rubriques c’est qu’on les veut en premier, et les rubriques par ordre alphabétiques ensuite... ça paraît logique...
      Ça marcherait comme ça ?

    • Le 26 novembre 2015 à 12:31, par chankalan En réponse à : Moulinette

      ok, si tu veux fais le retour Accueil comme tu dis,
      merci !
      en même temps change l’ordre des critères si tu veux...
       ;o)

    • Le 26 novembre 2015 à 14:00, par chankalan En réponse à : Moulinette

      super merci !

    Répondre à ce message

  • Le 17 juillet 2015 à 17:43, par jeanmarie En réponse à : Moulinette

    Salut,

    j’ai essayé le squelette et ça marche super bien. Beau boulot !
    Par contre, il ne fonctionne que pour SPIP 3.1 pour cause de jQuery 1.9.1 mini visiblement. Est-ce jouable de l’utiliser avec SPIP 3.0 ou bien l’adaptation serait un trop gros chantier ?

    merci

    • Le 17 juillet 2015 à 20:05, par chankalan En réponse à : Moulinette

      salut,
      oui, c’est sûr que c’est faisable, mais je n’ai pas essayé... tout simplement en remplaçant la librairie par la bonne version ?

    • Le 17 juillet 2015 à 21:51, par chankalan En réponse à : Moulinette

      Oups, on pouvait comprendre la question dans deux sens...
      Le thème Grayscale fonctionne avec Bootstrap 3 qui fonctionne avec jQuery 1.11... je crois qu’il faut s’empêcher de revenir là-dessus.
      Par contre on peut mettre jQuery 1.11 dans SPIP 3.0, c’est sûrement plus simple.

    • Le 19 juillet 2015 à 15:26, par jeanmarie En réponse à : Moulinette

      J’ai surchargé jQuery avec la v1.11.3 (et 1.9.1 en mini aussi pour tester) mais , mais ça casse mediabox dans le public et le défilement n’est pas « doux ». Il y a peut être d’autres trucs encore...
      Pas gagné cette histoire.

    • Le 19 juillet 2015 à 23:10, par chankalan En réponse à : Moulinette

      mouaip’... d’autant plus que la version 3.1 de SPIP est bientôt mûre à point !

    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

  • Brownie

    6 juillet 2012 – 43 commentaires

    Brownie est une adaptation pour Zpip du thème du même nom initialement développé par Egrappler.com. Présentation Brownie est un thème Responsive à deux colonnes. La démonstration ci-dessous utilise la version 2.0.0 de Brownie, la dist de SPIP3 (...)

  • Métas +

    3 décembre – 13 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Acces Restreint 3.0

    11 décembre 2008 – 785 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • Compositions 2 et 3

    25 mars 2011 – 176 commentaires

    Ce plugin vous permet de définir plusieurs variantes de squelettes (nommées compositions) pour un même type d’objet SPIP. Dans l’espace privé, il est alors possible de choisir, dans un menu déroulant, la composition qu’on veut attribuer à chaque (...)

  • Configurer Sparkpost

    25 avril – 18 commentaires

    N’hésitez pas à relire le préambule de cette rubrique avant de créer un compte sur une plateforme tierce . Présentation Sparkpost est une société d’envoi de mailing https://www.sparkpost.com/ Sur les petits volumes ( <100.000 emails / mois), (...)

Ça spipe par là