SPIPr

23 mars 2015 – par Cerdic – 84 commentaires

1
2
3
4
5
28 votes

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.

Dernière modification de cette page le 9 février 2019

Discussion

5 ans 1 an 3 mois Sans limite
Par date
Filtrer

32 discussions

  • seblaur

    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.

    Répondre à ce message

  • 1
    joseluis

    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

    • joseluis

      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 !

    Répondre à ce message

  • 1
    jfg35

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

    • Maïeul

      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

    Répondre à ce message

  • Ajel

    Bonjour,

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

    1. {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.

    Répondre à ce message

  • 3
    Béat

    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

    • Cerdic

      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)

    • Béat

      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

    • beno

      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 ;-)

    Répondre à ce message

  • 1
    Thomas

    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.

    • beno

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

    Répondre à ce message

  • 3
    lebardix

    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

    • Cerdic

      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.

    • lebardix

      merci, Il y en a beaucoup comme ça ?

    • beno

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

    Répondre à ce message

  • Béat

    Bonjour,

    Je constate que l’affichage au format paysage sur les iPhone 3, 4 ,5 est déficient. Sur le modèle 6 c’est bon. Le problème est que les typos et leurs interlignes s’affichent plus petits que dans la version portrait. En plus de rendre difficilement lisibles certains textes, cela peut conduire dans certains cas à de gros problèmes de mise en page. Je n’ai pas pu tester sur d’autres marques de smartphones.

    J’utilise Firefox Developer Edition (à jour) qui ne reproduit pas le problème. Pour moi il doit s’agir d’un bug de « bas niveau » dans SpipR car même le site spipr.nursit.com produit les mêmes effets ;-)

    Qu’est-ce qu’on peut faire ?

    Répondre à ce message

  • Béat

    Bonjour,

    Les éléments qui sortent du flux, typiquement quand ils sont en position : fixed, présentent une typographie dégradée sur Webkit (Safari)

    Les textes perdent du « gras » et avec une typo assez fine, en négatif, cela devient critique pour la lisibilité.

    J’ai beau chercher avec l’inspecteur web, je ne vois pas quel style css pourrait redonner à ces textes la même apparence que quand ils sont dans le flux normal…

    Merci de vos lumières

    Répondre à ce message

  • 2
    oil

    Vivement le thème en Bootstrap 3 surtout pour les belles icônes en vectoriel et tout le reste…
    Je galère en ce moment pour un simple truc, un aside particulier pour un numéro d’article en particulier… je n’ai pas reussi, des idées ?

    • bruno31

      Idem pour moi.

      J’attends BOOTSTRAP 3 pour SPIPR avec impatience car il y a plein de classes sympas par rapport à la V2.

    • bruno31

      Hello Cerdic

      BOOTSTRAP 3 est-il pris en compte dans la dernière version de SPIPr ?

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?
  • [Se connecter]

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

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom