SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Squelettes > Squelettes généralistes > SPIPr > SPIPr

SPIPr

23 mars 2015 – par Cerdic – 75 commentaires

26 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 23 mars 2015

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 4 décembre 2016 à 18:27, par Béat En réponse à : SPIPr

    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

  • Le 8 juillet 2016 à 00:53, par Béat En réponse à : SPIPr

    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

  • Le 14 juin 2016 à 12:28, par Thomas En réponse à : SPIPr

    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.

    Répondre à ce message

  • Le 18 novembre 2015 à 14:01, par oil En réponse à : SPIPr

    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 ?

    • Le 25 novembre 2015 à 15:00, par bruno31 En réponse à : SPIPr

      Idem pour moi.

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

    • Le 10 mars 2016 à 22:41, par bruno31 En réponse à : SPIPr

      Hello Cerdic

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

    Répondre à ce message

  • Le 2 mars 2016 à 12:12, par Alexandre Tomas En réponse à : SPIPr

    Bonjour,

    J’ai pu faire fonctionner SPIPr et j’ai pu notamment créer un squelette (inspiré de SPIRr-dist) et un thème (inspiré de Beige) que l’on peut voir en action ici : http://perquisition.fr/

    Je contribuerai d’ailleurs prochainement en proposant des squelettes et des thèmes SPIPr, en restant le plus générique possible.

    Cependant à l’occasion de la prise en main de SPIPr je n’ai pas pu faire fonctionner le mécanisme de menus déroulants au clic qui se plient et qui se déplient, à l’image de la démo que l’on retrouve ici : http://spipr.nursit.com/?page=demo1

    Même en intégrant les classes manquantes en me servant de la démo (en modifiant le plugin Menu pour qu’il génère le tout à la volée), et même en insérant dans le head les fichiers javascripts suivants : bootstrap/js/bootstrap-dropdown.js et bootstrap/js/menu.dropdown.js, je n’ai pas pu reproduire le dit fonctionnement.

    Existe-t-il une solution simple pour reproduire ce fonctionnement avec donc des menus déroulants au clic ?

    Une solution bien-sûr de préférence qui utiliserait ce qui est déjà disponible dans le plugin BootStrap.

    En vous remerciant pour cette distribution très bien pensée, et merci pour une éventuelle solution.

    • Le 7 mars 2016 à 13:56, par Alexandre Tomas En réponse à : SPIPr

      Bonjour,

      Et bien finalement je me réponds à moi-même car j’ai trouvé la solution sur [SPIP Zone] :
      https://www.mail-archive.com/spip-zone@rezo.net/msg39461.html

      Donc pour faire simple, si vous utilisez le squelette SPIPr-dist il vous suffit de coller dans le fichier head_js/dist.html (vide d’origine) le code suivant :

      1. [<script type="text/javascript" src="(#CHEMIN{js/bootstrap-dropdown.js})"></script>]
      2. [<script type="text/javascript" src="(#CHEMIN{js/dropdowns-enhancement.js})"></script>]
      3. [<script type="text/javascript" src="(#CHEMIN{js/menu.dropdown.js})"></script>]

      Télécharger

      Et si à l’aide du plugin Menu vous avez bien créé un menu avec l’identifiant barrenav et avec des sous-menus, ces derniers se déplieront ou se replieront dorénavant au click.

      On finit toujours par y arriver ! Vive SPIPr et bonne journée !

    Répondre à ce message

  • Le 9 février 2016 à 00:11, par lebardix En réponse à : SPIPr

    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

    • Le 9 février 2016 à 10:11, par Cerdic En réponse à : SPIPr

      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.

    • Le 9 février 2016 à 21:47, par lebardix En réponse à : SPIPr

      merci, Il y en a beaucoup comme ça ?

    Répondre à ce message

  • Le 12 janvier 2016 à 18:57, par YA1BUG En réponse à : SPIPr

    Bonsoir,

    j’utilise SPIP 3.0.17 [21515] + Sarka-SPIP Reloaded 4.5.3 et je n’arrive plus à changer le slogan du site. Je passe par le menu SPIP Configuration/identité du site mais la mise à jour du formulaire pour le champ slogan (moins de 255 caractères) n’entraine aucun changement.

    Je suis hébergé par en multi OVH.

    Merci pour votre aide.

    • Le 13 janvier 2016 à 15:07, par bobpat En réponse à : SPIPr

      Bonjour
      Sur ton ancienne version de sarka, as-tu enregistré ta configuration, notamment maintenance/bandeau ? Si elle est active sur ton nouveau sarka, elle prend le pas sur le slogan déclaré dans « identité du site ».

    • Le 20 janvier 2016 à 19:51, par ya1bug En réponse à : SPIPr

      Bonsoir et merci Bobpat
      donc il suffit d’enregistrer la nouvelle configuration pour qu’elle soit prise en compte
      c’est cela ?

    • Le 20 janvier 2016 à 22:52, par bobpat En réponse à : SPIPr

      Bonsoir
      Dans la version 4.5.3, le slogan n’est pas modifiable dans l’espace privé/squelette/sarka/bandeau comme dans l’ancienne version ; il faut aller par FTP dans tmp/sarkaspip/config/bandeau xxx txt (si tu as enregistré ta configuration avec l’ancienne version !) où tu peux modifier ton slogan.
      Pour l’activer, tu vas dans ton espace privé/squelette/sarka/maintenance/restauration de configuration/bandeau et choisir le fichier que tu as modifié par FTP.
      C’est moins pratique qu’avec l’ancienne version...

    • Le 21 janvier 2016 à 13:19, par ya1bug En réponse à : SPIPr

      Merci Bobpat,
      ça fonctionne en suivant tes indications, les modifs en FTP du fichier de configuration sont bien prises en compte.

      Bonne Journée

    Répondre à ce message

  • Le 20 janvier 2016 à 19:42, par ya1bug En réponse à : SPIPr

    Bonsoir et merci Bobpat
    donc il suffit d’enregistrer la nouvelle configuration pour qu’elle soit prise en compte
    c’est cela ?

    Répondre à ce message

  • Le 17 novembre 2015 à 01:01, par Béat En réponse à : SPIPr

    Bonjour, je suis de retour ;-)

    Je fabrique un thème à partir de SpipR : tout à l’air facile au début et on peut aisément faire des petites modifs comme changer des couleurs et agir sur la typographie. Pour aller plus loin et agir par exemple sur l’apparence et le comportement de la barre de navigation, c’est une tout autre affaire ! J’ai beau éplucher les explications, je ne trouve pas grand chose… J’ai l’habitude du comportement de Z, mais ici, pour surcharger des fichiers html de squelettes, je ne retrouve évidemment pas le balisage utilisé par Bootstrap et .less ! À partir des fichiers .less, j’ai essayé d’agir sur tout ce qui me semblait logique, mais rarement suivi d’effets.

    Par exemple :
    -  Pour les écrans de grand format, comment régler la largeur de la barre de nav selon la largeur définie dans la balise page (sans qu’elle ne s’étale sur toute la largeur de la fenêtre) ? Ça à l’air bête, mais je n’y arrive pas.
    -  Pour les petites tailles d’écran, comment faire disparaitre les libellés des rubriques et les remplacer par une icône de menu déroulant (collapse) ?

    Merci d’avance

    Répondre à ce message

  • Le 7 novembre 2015 à 23:16, par Xoclaf En réponse à : SPIPr

    Bonjour,
    J’essaye d’installer SPIPr sur le site de mon établissement.
    Cependant, le menu de navigation ne s’affiche pas, et j’ai le message d’erreur suivant :

    Warning : Missing argument 1 for lesscss_select_css(), called in /web/l/e/lyc-rolland-goussainville/http/tmp/cache/skel/html_c5ebbd0ba795fd9c392eb1a859072bf5.php on line 182 and defined in /web/l/e/lyc-rolland-goussainville/http/plugins/auto/lesscss/v1.0.5/lesscss_fonctions.php on line 245

    La ligne 245 du fichier lesscss_fonctions.php correspond à :

    1. function lesscss_select_css($css_file){

    Je copie également le paragraphe avec les quelques lignes au-dessus et en dessous :

    1. /**
    2.  * Selectionner de preference la feuille .less (en la compilant)
    3.  * et sinon garder la .css classiquement
    4.  *
    5.  * @param string $css_file
    6.  * @return string
    7.  */
    8. function lesscss_select_css($css_file){
    9. if (function_exists('less_css')
    10. AND substr($css_file,-4)==".css"){
    11. $less_file = substr($css_file,0,-4).".less";
    12. $less_or_css = lesscss_find_less_or_css_in_path($less_file, $css_file);
    13. if (substr($less_or_css,-5)==".less")
    14. return less_css($less_or_css);
    15. else
    16. return $less_or_css;
    17. }
    18. return find_in_path($css_file);
    19. }

    Télécharger

    Quelqu’un aurait-il la solution à ce problème ?
    Merci par avance.

    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

  • Acces Restreint 3.0

    11 décembre 2008 – 787 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 (...)

  • Partageur

    29 janvier 2011 – 46 commentaires

    Permet de recopier facilement des articles d’un site SPIP partageur à l’autre. Ce plugin est encore en version beta. Les retours et critiques sont les bienvenus ... Présentation Ce plugin est né d’un besoin de partager des articles entre sites (...)

  • Tutoriel : créer une carte interactive avec GIS4

    19 octobre 2013 – 26 commentaires

    Utilisation de quelques fonctions javascript pour créer des interactions avec une carte GIS. L’objet de ce tutoriel est de produire une carte interactive comme celle-ci Effacer tous les points d’une carte d’une carte La fonction javascript (...)

  • Agenda 2.0

    3 novembre 2008 – 1067 commentaires

    Voici la version pour SPIP 2.0 du Plugin Agenda pour SPIP 1.9.2, avec une interface remaniée pour encore plus de plaisir. Pour une documentation concernant l’utilisation d’Agenda 3 pour SPIP 3, veuillez pour l’instant vous référer à SPIP 3, Agenda (...)

  • Menus

    18 août 2009 – 957 commentaires

    Créez enfin vos menus facilement !