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.

Discussion

48 discussions

  • Didine

    Bonjour,

    je réalise un site bilingue à partir de spipr avec un secteur par langue.
    Je n’arrive pas afficher la traduction de ma page d’accueil. Est-ce que spipr gère bien le multilingue ?

    Comment nommer mes pages de traduction dans le squelette ? body.en.html, sommaire.en.html ?

    Merci pour votre aide.

    Répondre à ce message

  • 7

    Bonjour,
    Je teste spipr et voici le message d’erreur qui apparaît sur la page d’accueil :

    Aucun squelette breadcrumb/sommaire n’est disponible...

    ... squelette désigné :

    plugins/themes/readable/body.html

    Effectivement, pas de fichier sommaire.html. Quant au fichier body.html, la syntaxe est trop éloignée des boucles de spip que je manipule...

    Avez-vous une explication sur cette erreur ?

    D’avance, merci !
    KMk

    • avec quel squelette ? je ne reproduit pas ni avec le modèle « dist » ni avec le modèle « blog ».

    • quelle version de PHP aussi ?

    • j ’ai fait l’install co indiqué : Plugin actif

      SPIPr-blog 0.4.9 - test
      Squelettes de Blog Z+BootStrap+HTML5
      Plugin actif

      SPIPr-dist 0.4.9 - test
      Squelettes Dist Z+BootStrap+HTML5
      Plugin actif

      SPIPr-doc 0.5.8 - test
      Squelettes de Doc Z+BootStrap+HTML5

    • je ne pense pas que cela ait a voir avec le pb mais prendre blog + dist + doc c’est inutile ;-) il faut choisir un modèle parmis les trois. P

    • ah oui parfait , j aurais pu y penser merci encore, super ce spipr

    • cela ne résoud pas le pb j’imagine ?

    • le pb est résolu merci

    Répondre à ce message

  • 5

    Bonjour, Maïeul,
    Désolé pour le silence... les messages du forum sont mis dans les spams de ma boîte aux lettres électronique et je me suis quelque peu « absentée »...
    Je rencontre le problème mentionné (http://contrib.spip.net/SPIPr-4642#forum480512) avec tous le squelettes. Mon hébergeur me signale que ma version de php est 5.3

    À suivre...
    KMk.

    • il ne faut activer qu’un squelette en même tps... en tout cas je ne reproduis pas le bug si je n’active qu’un squelette (ce qui est du reste le plus logique)

    • Bonjour,

      La version de php est maintenant 5.5.

      Je crois avoir compris votre conseil et le fonctionnement des plugins. Activation d’abord dans les plugins inactifs d’un squelette (blog ou doc), activation d’un thème (exemple : marguerite).
      A nécessité également la mise à jour des plugins « z-core », « comments » et « spipr-dist ».

      Merci pour votre intervention, que je ne comprenais pas trop bien sans plus de détail.
      KMk.

    • donc le problème est résolu ?

    • Bonsoir,
      Oui, résolu, après mise à jour des plugins mentionnés.
      Avec mes remerciements pour vos réponses et surtout pour le travail que représente ces précieux outils !
      KM. 

    • je ne suis pas l’auteur de ces outils ...

    Répondre à ce message

  • 4

    1 Erreur(s) dans le squelette
    Numéro Message squelette boucle Ligne
    1 Aucun squelette breadcrumb/sommaire n’est disponible... plugins/auto/themes/marguerite/body.html /
    comment puis je résoudre ce pb merci

    http://www.chaudanne.info/?var_mode=recalcul

    • avec quelle squelette ? je ne reproduit pas ni avec le modèle « dist » ni avec le modèle « blog ».

    • quelle version de PHP aussi ?

    • Philippe Robin

      bonjour

      idem
      dans les squel dist et blog il n’y a pas de sommaire.html dans le dossier breadcrump

    • je ne reproduis pas ce bug en utilisant le squelette dist ...

      normalement s’il n’y a pas de sommaire, le mécanisme Z est censé reprendre le dist.

    Répondre à ce message

  • 1

    Hello cerdic_ concernant sarkaspip, tu ne pourrais pas ajouter les couleurs dans la config ?
    Franchement c’est la misère le less à coté du css pour trouver le bon fichier :-(
    Firebug n’est plus du tout mon copain sur ce coup...
    Actuellement la couleur dominante est la : #53538b
    Je voulais mettre une autre couleurs et franchement, je me décourage...
    Après, je sais pas si mettre les couleurs est toujours possible sans faire de casse sur les sites déjà en ligne, mais sinon, en forme de plugin ?
    Peut-être que si tu en fait « une », j’arriverais peut-être à en faire d’autres, mais là...
    Franck

    • Bonjour,

      Franchement c’est la misère le less à coté du css pour trouver le bon fichier :-(
      Firebug n’est plus du tout mon copain sur ce coup...

      Apparement le plugin less à été mis a jour avec une autre lib php qui supporte les sourcemaps oyejorge/less.php.

      A vérifier que l’options soit activé dans le code ^^, je n’en ai pas l’impression

      A voir avec le mainteneur du plugin LESS pour ajouter les options :

      $options = array( 'sourceMap' => true );
      $parser = new Less_Parser($options);

      Ensuite dans votre navigateur activer les sourcemaps : dans Firefox un clic droit sur le nom du fichier css et afficher les sources devrait fonctionner (si besoin recharger la page)

      Activer les SourceMaps sous Firefox

      Pour les couleurs ou autres elles sont définissables dans un fichier variables.less, que vous pouvez dupliquer et surcharger dans votre dossier squelette.

      Vous pouvez aussi utiliser sur leur site, un formulaire pour générer ce fichier variables, dans la partie Downloads

      D’autres outils comme Bootstrap-magic, peuvent vous aider a styliser votre thème visuellement avec une interface clicodrome comme on les aimes ;-).

      Après je n’utilise pas la version less de bootstrap, ni spipr ou sarka donc je ne pourrais vous guider plus.

      De mon avis perso, juste pour dire et démarrer avec les preprocesseur css :

      Les principaux problèmes avec les librairies php pour les preprocesseurs css sont :

      *- qu’elles ne sont jamais a jour, et constamment à la bourre au niveau fonctionnalités, par rapport a l’original.
      *- plutôt lentes et gourmandes en ressources

      LESS css est au départ développé en javascript, tandis que SASS/SCSS est en Ruby et maintenant en C avec libsass, donc le portage en php reste quand même une ré-écriture quasi-complète, il est normal que ça n’arrive pas a suivre derrière ...

      J’ai testé la version SCSS.php avec Bootstrap 3 en version SCSS, ça reste faisable et utilisable,pour générer le thème : mais je trouve ça pénible, lent pour un usage au quotidien d’intégration quand on recalcule souvent.

      Donc, je conseillerais plutôt d’utiliser des vrais outils autres que les librairies php pour compiler du SASS ou LESS, on peut trouver nombre d’applications qui font ceci très bien comme Koala, Scout, ... ou se tourner vers Node.js Gulp.js, Grunt et utiliser libSass pour les plus Geek ;-)

      Certes ça déconcerte les habitués des « css à la papa », entassées dans un fichier.
      Oui ça fait un ou plusieurs langages de plus a apprendre (on en est plus a ça près ^^), mais au final le gain est énorme, autant en portabilité des composants, que pour les évolutions et la maintenance.

      Happy Styling comme dirait Compass ;-)

    Répondre à ce message

  • hello cedric :-)
    Juste pour te dire qu’il semble y avoir un problème concernant la dernière version de bootstrap
    php 5.6.6
    prefix des table : spipdev5
    installation en MySQL
    spip 3.0.17

    Si via SVP tu télécharges SPIPr, cela te télécharges la version 1.5.16 de bootstrap
    Jusqu’ici, il n’y a pas de problème !
    Par contre, SVP t’indique également qu’une version plus récente de bootstrap est dispo, et là, si tu fais la mise à jour (2.1.0), le site public ne fonctionne plus correctement du tout :-D
    Le problème ne semble pas évident, car j’ai fait un essai en spip 3.1 et là, cela fonctionne très bien avec les dernières versions des plug
    Franck

    Répondre à ce message

  • 2
    Philippe Robin

    bonjour

    avant ion avait Zpip + thème, c’était immédiat, maintenant, il faut Spipr, bootstrap, less, qui prennent des ressources de dingues : intournable sur free.fr , lourd sur mutualisé apparament.

    pour un dév moyen comme moi, il est demandé de faire compiler le css par bootstrap ou en local, du coup, ai-je encore la possibilité de penser que je vais rester sous Spip ?

    à moins que j’ai loupé des trucs...

    merci

    • Il est pas du tout obligatoire d’utiliser SPIPr pour utiliser SPIP. Tu peux très bien faire tes squelettes en te basant sur squelettes-dist/ ou continuer à utiliser la première version de Zpip+thème.

    • Philippe Robin

      oui, je sais, mais comme BS et Spipr ont l’air vachement bien, et que Z devient obsolète apparement, on se dit qu’on veut toujours mieux...

      merci

    Répondre à ce message

  • Bonjour,
    Je suis en mutualisé chez OVH (avec une option SQLprivée qui accélère un peu les choses a priori).
    Je tournais en SPIP 2 sous Sarkaspip 3.1, et j’ai fait la migration il y a quelques semaines en SPIP 3 et Spipr avec Sarkaspip.
    Je pense que la version de Sarkaspip qui tourne avec Spipr (4.4.16) est un sous-ensemble de la version 3 que j’utilisais (je peux me tromper ceci dit, mais il me semble qu’il y a nettement moins de paramétrage possible ; ceci dit également je m’en passe très bien) ce qui peut jouer sur les performances, mais une fois ce (long) préalable fait, je peux te dire que je ne reconnais pas mon site. Les temps de chargement de page ont été divisés par 2 grosso modo, peut-être 3.
    Juste pour info.
    Christophe

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

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.

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