SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 164 visiteurs en ce moment

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

Moulinette

17 juillet 2015 – par chankalan, Pierke1 – 35 commentaires

9 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.

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 25 février à 00:43, par basstone En réponse à : Moulinette

    Bonjour,
    Très chouette squelette !
    Bien envie de l’adopter, mais je voudrais un logo fixe dans « l’entête/menu », et je ne trouve pas comment faire.
    (je débute complètement sur spip)(3.1)
    Merci

    • Le 25 février à 01:09, par chankalan En réponse à : Moulinette

      Hello,
      ça va pas être très difficile, enfin il faut trouver le dossier « inclure » qui est dans le plugin, et copier le fichier nav.html pour le coller dans le dossier /squelettes/inclure/ (qu’il faut avoir créé).
      Ensuite il est possible de le personnaliser, pour lui ajouter le logo du site par exemple, en ajoutant [(#LOGO_SITE_SPIP|image_reduire{224,96})] « quelque part où ce sera le mieux » ça devrait marcher...
      et il faut donc avoir mis un logo au site cf. la page du site /ecrire/ ?exec=configurer_identite

      Bon SPIP !

    • Le 25 février à 11:58, par basstone En réponse à : Moulinette

      ’llo
      Quelle réactivité, merci !!
      Ça marche bien, mais je fais le difficile : dans l’idéal, je le voudrais entre titre du site et menu des articles ; sinon, à gauche. Là il est à droite ...

    • Le 25 février à 13:11, par chankalan En réponse à : Moulinette

      Alors on peut pas faire autrement qu’avec des styles css...
      Si déjà l’image est bien positionnée dans le HTML, il faut pouvoir analyser quels sont les styles qui s’y appliquent : la classe « spip_logo » vous la voyez ?

      Le principe sera de surcharger les styles dans une feuille css dans le dossier squelettes/css/perso.css

    • Le 27 février à 09:27, par basstone En réponse à : Moulinette

      Bon, ça commence à devenir du chinois ...
      Je mets le nez dedans pour tenter de mieux comprendre, je cherche spip_logo ...

    Répondre à ce message

  • Le 10 septembre 2016 à 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 2016 à 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 2016 à 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 2016 à 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 2016 à 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

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2226 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)

  • Le plugin Accès Restreint

    29 septembre 2006 – 567 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public et privé en accès restreint. Les zones ainsi définies ne sont alors accessibles qu’aux visiteurs authentifiés et autorisés. Depuis SPIP 2, on utilisera Acces Restreint (...)

  • Formulaire upload

    25 septembre 2012 – 36 commentaires

    Ce plugin permet d’uploader des documents depuis l’espace public Objectifs Ce plugin permet d’ajouter un formulaire dans l’espace public pour uploader et gérer des fichiers. A priori, il peut se greffer sur tous types objets SPIP : articles, (...)

  • GIS 4

    11 août 2012 – 1384 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Plugin Contacts & Organisations

    4 janvier 2010 – 267 commentaires

    Ce plugin ajoute à SPIP des fonctionnalités de gestionnaire de contacts. Distingue les personnes morales (organisations) des personnes physiques (contacts) en conservant tous les attributs des auteurs SPIP. En conjonction avec le plugin (...)

Ça spipe par là