SPIP-Contrib

SPIP-Contrib

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

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

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

SPIPr

23 mars 2015 – par Cerdic – 75 commentaires

25 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 à 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 à 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 à 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 à 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 à 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 à 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 à 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 à 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 à 21:47, par lebardix En réponse à : SPIPr

      merci, Il y en a beaucoup comme ça ?

    Répondre à ce message

  • Le 12 janvier à 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 à 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 à 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 à 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 à 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 à 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

  • Mode portail Communiquant pour SoyezCréateurs

    29 septembre 2010 – 20 commentaires

    5e mode d’affichage de la page d’accueil, ce mode se distingue des autres par une animation proposant un fondu/enchaîné des logos des articles à la une. Zonage Configuration Zone d’entête Nom du site Slogan si plugin bandeau présent (...)

  • Configurer Sparkpost

    25 avril – 14 commentaires

    N’hésitez pas à relire le préambule de cette rubrique avant de créer un compte sur une plateforme tierce . Présentation Sparkpost est une société d’envoi de mailing https://www.sparkpost.com/ Sur les petits volumes ( <100.000 emails / mois), (...)

  • Plugin Logo SVG : pouvoir utiliser des logos SVG

    17 octobre – commentaires

    Le SVG est un format vectoriel donc très léger et redimensionnable sans pertes, mais SPIP ne l’acceptait pas sur les logos. Ce plugin comble ce manque. Comment ça fonctionne ? Vous installez ce plugin, vous l’activez, et c’est tout. Crédits Une (...)

  • Utilisez le framework Foundation dans vos squelettes !

    13 août 2013 – 58 commentaires

    Foundation est un framework CSS et Javascript très complet pour réaliser des sites sur une grille propre et homogène. Mais surtout, il permet de rendre un site responsive très facilement ! Ce plugin ajoute le framework Foundation sur l’espace (...)

  • LinkCheck : vérificateur de liens

    13 février 2015 – 65 commentaires

    Ce plugin permet de chercher et tester l’ensemble des liens présents dans les objets. Vous pourrez donc en quelques clics connaître les liens brisés ou défectueux qui se sont immiscés dans le contenu de votre site SPIP. La vérification s’effectue en (...)

Ça spipe par là