SPIPr

SPIPr est à la fois une famille de squelettes et un framework pour le développement front avec SPIP.

Prêt à l’emploi, thémable, responsive, et conçu dans une approche d’industrialisation et de développement rapide.

Documentation source : http://spipr.nursit.com

SPIPr regroupe 3 squelettes de base & 1 squelette multifonction :

  • SPIPr-dist
    Un squelette de départ pour construire un site à son goût.
  • SPIPr-blog
    Un squelette simple, orienté blog, sans arborescence de rubriques, avec une page d’archives.
  • SPIPr-doc
    Un squelette pour construire un site de documentation d’un projet.
  • SarkaSPIP v4
    Un squelette multifonction, hautement configurable pour construite un site riche sans coder.

Les squelettes SPIPr sont à la fois :

  • Industriels
    Conçu sur des composants solides et éprouvés, open source, qui favorisent la réutilisation et la maintenance : SPIP, Z, BootStrap, LayoutGala, LessCSS.
  • Thémables
    Un markup unifié et modulaire, un système de Layout interchangeable, les conventions de BootStrap enrichies de spécificités de SPIP qui permettent de réaliser des variantes d’habillage interchangeables.
  • Pour tous
    Les fonctionnalités Responsive de BootStrap et d’un Layout adaptable pour réaliser des sites qui s’adaptent à tous les écrans. Les moteurs de recherche trouveront aussi leur compte grâce aux markup HTML5 et aux micro-data.
  • Prêts à l’emploi
    La richesse des composants de BootStrap, la typographie accessible de SPIP, des listes d’objets modulaires, plusieurs variantes de squelettes, des thèmes disponibles. Tout est prêt pour démarrer très vite.

updated on 9 February 2019

Discussion

35 discussions

  • 4

    Bonjour

    Je voudrais savoir où en est le portage des thèmes en v2 ?
    Je suis en train de monter un site, et seul le thème “patisson” est disponible. J’ai lu dans un commentaire d’il y a 3 mois que le portage était en cours.

    C’est pour savoir s’il vaut mieux que j’attende la sortie des nouveaux thèmes, ou bien si je démarre mon site avec la version précédente de spipr-dist

    Si le portage des thèmes n’est pas trop ardu, je peux aussi donner un coup de main (si on m’indique comment faire).

    Merci
    Florence

    • Bonjour,

      il y a déjà une bonne quinzaine de thèmes disponibles pour Spipr-v2 que vous pouvez trouver ici https://git.spip.net/spip-contrib-themes?page=1&sort=recentupdate&q=spipr_v2

      Par contre je vois qu’ils ne sont pas tous disponibles au téléchargement sur
      https://plugins.spip.net/spip.php?page=telechargements
      il faut que je regarde pourquoi

      Il n’est pas conseillé de démarrer un nouveau projet sur la v1 qui dont les composants, et notamment la version de BootStrap, commencent vraiment à dater

    • Merci !
      je n’aurais jamais trouvé le lien toute seule.
      Peut-être faudrait-il aussi mettre à jour la page sur http://spipr.nursit.com ?

    • Autre chose que je viens de constater : le plugin Less CSS (qui était nécessaire avec spipr-v1) n’a pas été désactivé lorsque j’ai désactivé spipr-v1. Et sa présence fait dysfonctionner spipr-v2 : aucune CSS n’est produite et je n’avais que le contenu sur fond blanc.

      Il faudrait peut-être le déclarer explicitement comme incompatible ?

    • Oui il faut que je mette la documentation à jour ET que je fasse une page sur la migration de la v1 vers la v2 :(

      Par contre, pas vraiment de solution technique pour declarer 2 plugins incompatibles dans SPIP, mais peut-être on pourrait générer un message d’erreur dans l’admin si on active le plugin BootStrap4 et que LessCSS est encore actif, je vais regarder ça à l’occasion

    Reply to this message

  • Bonjour,

    un problème avec la dernière version de spipr- dist 2.2.6 concernant la barre de navigation. J’ai rajouté dans le head menu.dropdown.js pour que le sous-navigation soit cachée mais contrairement à l’ancienne version de spipr les sous-navigations restent apparentes et ne se referment pas au clic et en version mobile la première sous-navigation reste apparente et les autres ne peuvent s’ouvrir... Que faut-il modifier pour retrouver le même fonctionnement que l’ancienne version ?

    Merci pour vos conseils.

    Reply to this message

  • 1
    Jean-Philippe

    Bonjour,

    Je viens de faire une mise à jour des plugins sur le site https://dsm.ddec.nc toute la mise en page a crashé. Comment récupérer d’ancienne version de plugins ?
    Surtout SPIPr-dist. Le site fonctionnait parfaitement jusqu’à cette mise à ,jour.
    J’ai ré-installé ScolaSpip ce qui a remis SPIPr-dist version 0.4.16. L’aperçu est mieux mais pas encore comme il faut. Si je la met à jour je me retrouve avec SPIPr-dist 2.2.4 qui fait tout crasher. Comment obtenir la version antérieure à 2.2.4 ?

    Merci à tous.
    PS:C’est un site d’école qui est actuellement assez utilisé ( 120- 130 visites par jour)en raison de la continuité pédagogique.

    • La version 0.4.16 est bien la dernière version utilisant BootStrap 2 et less.
      Si vous passez en version 2.x (il n’y a pas d’autre version entre les 2), il faut utiliser BootStrap 4 et ScssPHP, mais si vous avez fait des personnalisation de style ça risque de casser en effet.

      Si vous utilisez un thème tout fait, ils seront bientôt tous à nouveaux disponibles avec cette nouvelle version, c’est en cours d’adaptation....

    Reply to this message

  • Bonjour,

    je cherche à faire un sous menu vertical sur le côté qui réagit au contenu de la page que l’on peut faire descendre, exactement comme sur le site de présentation spipr.
    Comment s’appelle ce type de navigation avec ancrage ? Est-ce un module bootstrap (mais je ne trouve pas ce type de module dans les sites de présentation) ? J’utilise simplement bootstrap dans spip sans spipr. Où puis-je trouver des explications à ce sujet. Merci pour votre réponse.

    Reply to this message

  • 1

    Salut et bonne année!
    Comment puis-je entrer une nouvelle classe dans “<html class =...”?
    Par exemple, la classe de “blog” au lieu de “sommaire”, “rubrique”, “article”,... mais seulement pour une rubrique ou article.
    Merci

    • Résolu.
      Dans le fichier rubrique.html, j’ai ajouté ce que je voulais.
      Cela ressemble à ceci:

      <BOUCLE_principale_rubrique (RUBRIQUES) {id_rubrique}>
      <div class = "blog">
      <INCLUDE {fond = structure, env, id_secteur = # ID_SECTEUR, type-page = rubrique, composition = # COMPOSITION} />
      </ div>
      </ BOUCLE_principale_rubrique>

      Je l’ai renommé rubrique-2.html et je l’ai mis dans mon dossier squelettes
      Avec cela, je peux appliquer différents styles à l’ensemble du conteneur et à l’ensemble de la structure ;-)
      Salut!

    Reply to this message

  • 1

    Bonjour,
    Est-il possible de savoir où en est SPIPr : toujours en développement, à l’arrêt, abandonné..?
    Merci en tous cas pour tout le travail réalisé.

    • A ma connaissance spipr lui même est stable, donc pas de dev supplémentaire, mais toujours maintenus.

      Après il y a des squelettes derivés de / sur le modèle de qui se créent tous les jours

    Reply to this message

  • Bonjour,

    Je suis entrain d’adapter Spipr-dist pour un site multilingue. J’ai utilisé le critère

    {lang}

    dans sommaire.html et rubrique.html. Mais çà n’a aucune influence sur “Derniers articles”, les “Rubriques” et le menu de navigation; Ils s’affichent tous avec toutes les langues? Est ce que vous pouvez me pister SVP? Merci.

    Reply to this message

  • 3

    Je suis parti à la découverte de SpipR pour le personnaliser. Il y a du boulot si on est un peu exigeant! Je comprends peu à peu les leviers à actionner. Cependant, quand je vais me documenter sur les sites «officiels» de Bootstrap je constate que la version implémentée dans Spip (2.3.2) est obsolète et n’est plus maintenue. Il y a des tas de trucs intéressants à faire et à trouver pour la version 3 (et on annonce déjà une 4e mouture!). D’où quelques questions:

    -  Y a-t-il une compatibilité ascendante de SpipR pour les versions plus récentes de Bootstrap?
    -  Si non, est-ce que SpipR va être adapté dans un avenir proche?
    -  Existe-t-il des thèmes Bootstrap spécifiquement développés pour SpipR et qui peuvent servir de point de départ pour être modifiés? (Donc pas des thèmes en plugin, mais en dossier pour squelettes/themes/mon-theme...)
    -  Le cas échéant, comment utiliser un thème Bootstrap 3 dans SpipR?

    Merci d’avance
    Béat

    • Bonjour,

      en effet BootStrap 2.x n’est plus maintenue, mais cette version du framework à l’avantage d’assurer le support des anciens IE7 et IE8, ce qui n’est plus le cas de BootStrap 3.x et on aime bien assurer des transitions douces à nos utilisateurs dans le monde de SPIP et ne pas pousser à une course au modernisme effréné.

      Cela dit maintenant ça commence à devenir une contrainte moins forte, et une version basée sur BS3 est en cours de préparation. Pour tout dire c’est quasi fonctionnel, mais je n’ai pas tout a fait décidé du chemin de migration de BS2 vers BS3 : est-ce que je package les 2 versions de BootStrap dans un même plugin SPIP, tout en assurant que les sites existants ne soient pas modifiés lors de l’upgrade et continuent à utiliser BS2, ou est-ce que je fais un nouveau plugin SPIP pour BS3 et on pourra activer l’un ou l’autre avec SPIPr ?
      J’étais parti sur la première option pour avoir quelque chose de plus transparent possible pour les utilisateurs, mais j’ai vu que BS4 n’utilisera plus LESS mais SASS, il faudra donc un plugin SPIP séparé pour BS4, et du coup je pense que je vais basculer vers la seconde option.

      Bref, ça arrive, mais on prend le temps de bien réfléchir sur les choix de packaging et de release pour que tout ça reste simple et sur pour les utilisateurs et maintenable dans le temps.

      (en l’état non, il n’est pas possible d’utiliser un thème BS3 avec SPIPr)

    • Hello,

      Merci de ces précisions bien utiles. Je vois qu’il y a du suivi et cela me réjouit. Du coup, je me demande si je ne vais pas attendre un peu ;-)

      J’ai réalisé plusieurs sites avec Z, dont certains en responsive. L’évolution avec SpipR va dans le bon sens et me semble une bonne piste à suivre pour Spip. Les sites responsifs ne sont pas à la portée du premier venu, ceux que j’ai réalisés étaient souvent fragiles. Ici, on a affaire à quelque chose de très robuste, ce qui fait qu’on peut davantage se concentrer sur des aspects plus intéressants de la réalisation. L’industrialisation en soi n’est pas forcément utile à tout le monde, mais les facilités de mise en oeuvre que cela induit seront utiles à tous.

      Bonne continuation
      Béat

    • Bonjour,

      Je viens de passer quelques jours à jongler entre spipr et spip3.1 puis spip3.0 pour essayer de faire fonctionner l’agencement mais n’ai rien pu faire pour l’instant de stable (une erreur toujours apparaît dans l’espace public quand je suis déconnecté, mais pas quand je suis loggé... mystère).

      Est-ce qu’une nouvelle version de spipr est prochainement prévue, avec bootstrap 3 ? Autant peut-être attendre un peu... les débuts d’année sont souvent prolifiques ;-)

    Reply to this message

  • 1

    Bonjour,

    J’ai installé Spipr-dist sur un Spip 3.1.1 tout frais (wampserveur) mais cela me donne tout de suite des erreurs :
    “Fatal error: Maximum function nesting level of ’100’ reached, aborting! in Monsite\plugins\auto\lesscss\v1.0.7\less.php\Less.php on line 5471”

    Alors une idée de ce que je pourrais faire ?
    Merci beaucoup par avance.

    • Dans le fichier config/mes_options.php (à créer s’il n’existe pas) coller :

      <?php
          ini_set('xdebug.max_nesting_level', 200);
      ?>

      En général ça fonctionne assez bien...

    Reply to this message

  • 3

    Bonjour,
    J’utilise spipr pour 1 site, et je traque les erreurs de css.
    sur mon site j’ai une erreur de background-color pour la classe .navbar-inverse
    Horodatage : 09/02/2016 00:00:20
    Avertissement : Une fin de valeur était attendue, mais « \9 » a été trouvé. Erreur d’analyse de la valeur pour « background-color ». Déclaration abandonnée.
    Fichier Source : http://www.marseillereiki.com/local/cache-less/bootstrap-cssify-76341ca.css?1454970635
    Ligne : 6556, Colonne : 28
    Code Source :
    background-color: #590041 \9;
    Comme j’ai modifié mon thème, je croyais en être à l’origine. je n’ai rien trouvé de probant. J’ai voulu vérifier sur le site du plugin. Il y a le même type d’anomalie


    Horodatage : 08/02/2016 23:37:45
    Avertissement : Une fin de valeur était attendue, mais « \9 » a été trouvé. Erreur d’analyse de la valeur pour « background-color ». Déclaration abandonnée.
    Fichier Source : http://spipr.nursit.com/local/cache-css/9d18593d6eae53d110f58711fca244f2.css
    Ligne : 1216, Colonne : 92
    Code Source :
    .navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.activebackground-color:#000 \9


    comment corriger le problème ?

    Merci

    • Bonjour,

      ce n’est pas un bug ni un problème, c’est un hack CSS utilisé par BootStrap 2 pour que certaines directives CSS ne soient comprises que par IE7 et IE8, pour corriger des défauts de comportement de ces 2 anciens navigateurs.

      Il faut donc laisser tel quel.

    • merci, Il y en a beaucoup comme ça ?

    • Des gens qui surfent sur IE7 ou IE8 ?
      Le dernier a lâché l’affaire il y a 5 ans...

    Reply to this message

Ajouter un commentaire

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom