SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 104 visiteurs en ce moment

Accueil > Squelettes > Squelettes généralistes > ViaSPIP > ViaSPIP 3.1

ViaSPIP 3.1

26 février 2016 – par Jean-Yves Giraud – commentaires

10 votes

Après la sortie de SPIP 3.1, voici la nouvelle version du squelette ViaSPIP qui reste dans la lignée des précédentes versions.

ViaSPIP 3.1 est toujours un squelette généraliste pour SPIP, sous forme de plugin, visant à offrir une alternative au squelette de la distribution officielle.

Cette version est destinée à des sites sous SPIP 3.1. Elle n’est pas conçue pour fonctionner sur les versions antérieures de SPIP (1.9.xx, 2.0.xx, 2.1.xx et 3.0.xx).

Site de démo : JYG Web

Ce qui change principalement par rapport à la branche 3.0 du squelette ViaSPIP

En fait, pas grand chose en apparence, afin de permettre aux utilisateurs de l’ancienne version de passer sous SPIP 3.1 sans grandes difficultés.

-  Le fichier CSS du plugin principal se nomme désormais « theme.css » et non plus « style.css », conformément au nouveau squelette de la dist officielle. Par contre, les fichiers CSS des plugins de thèmes sont toujours nommés « perso.css ».

-  Adaptations HTML/CSS pour SPIP 3.1

-  Intégration gotop/gobottom dans les css et js principaux

-  NOUVEAU : ce qui change vraiment, c’est l’ajout du paramétrage du plugin. Désormais, directement depuis l’administration du site, donc de manière beaucoup plus souple, on peut jouer très simplement sur certains paramètres :

  • Affichage des boutons de partage sur les réseaux sociaux (Facebook, Twitter, Google+) -> non par défaut
  • Largeur maxi de la page en pixels -> 1325 par défaut (doit être supérieure à 1003)
  • Position de la colonne secondaire -> à droite par défaut
  • Largeur de la colonne secondaire en pourcentage -> 29 par défaut (doit être comprise entre 20 et 40)
  • Liens externes ouvrant dans un nouvel onglet -> non par défaut (Pas bien ! Je sais, mais le paramètre laisse le choix, et par défaut, ce n’est pas actif !)

Ce qui ne change pas

Pour le reste, je vous invite à consulter l’article sur ViaSPIP 3, tout y est détaillé.

Voir l’article sur le squelette ViaSPIP 3.1 sur le site de l’auteur.

Versions :

3.1.0a du 23/02/2016 : 1re release de ViaSPIP 3.1

Dernière modification de cette page le 26 février 2016

Retour en haut de la page

Vos commentaires

  • Le 29 octobre à 08:41, par chantoine En réponse à : ViaSPIP 3.1

    Bonjour,
    Merci Jean-Yves pour ce très intéressant squelette.
    Pour moi, il est compatible 3.2.
    Dommage qu’il ne soit pas sur la zone (comme le suggérait _Eric_ sur le fil d’une autre version), j’aurais pu proposer une modification des bornes directement.
    Ainsi qu’un correctif pour theme.css qui pose un souci de « responsive » à certaines largeurs d’écran.
    Je reviens sur le sujet.
    A+
    Christophe

    • Le 29 octobre à 16:54, par chantoine En réponse à : ViaSPIP 3.1

      Voici donc le souci de « responsive ». La largeur est fixée par défaut à une valeur importante. Pas de souci, j’aime aussi quand c’est large quand on a un écran de grande définition. Mais quand on réduit la largeur à une taille intermédiaire (vers 1020 pixels), les blocs ne s’ajustent plus et un ascenseur horizontal apparaît, et ne disparaît que quand on arrive vers des tailles de 640px et moins.

      Testé chez moi (sur un SPIP 3.2) et sur le site de l’auteur du squelette, où on voit bien le souci vers 1020px.

      Voici donc la correction que je propose pour theme.css.

      Au lieu d’avoir, dans les blocs principaux :

      .page width : 90% !important ; width : 1003px ; max-width : 1325px ; min-width : 1003px ; margin : 0 auto 10px auto ; padding : 38px 10px 0px 10px ;
      background : #FFF2C2 ; overflow : hidden ;

      se contenter de la même chose sans les paramètres liés à la largeur :

      .page width : 90% !important ; margin : 0 auto 10px auto ; padding : 38px 10px 0px 10px ;
      background : #FFF2C2 ; overflow : hidden ;

      et plus loin, définir des précisions dédiées aux grands écrans :

      /* --------------------------------------------
      /* Affichage sur grands ecrans
      /* -------------------------------------------- */
      @media (min-width : 1024px)
      /* Bloc principal de page */
      .page width : 1003px ; max-width : 1325px ; min-width : 1003px ;

      Ainsi, plus d’ascenseur, et le but initial, c’est à dire un affichage large pour les grands écrans, est atteint.

      A+
      Christophe

    Répondre à ce message

  • Le 17 mars à 01:20, par Pierre29 En réponse à : ViaSPIP 3.1

    Petit souci dans l’affichage des boutons radio du formulaire , le libellé apparaît au-dessous du bouton et non pas à droite.
    Le site tourne avec SPIP 3.1.4 et le squelette Squelette ViaSPIP 3.1
    Où puis-je intervenir pour remettre ça d’aplomb ?
    Merci d’avance pour vos suggestions et aide.
    Pierre

    • Le 22 mars à 18:48, par Jean-Yves Giraud En réponse à : ViaSPIP 3.1

      Bonjour,
      En standard dans SPIP, il me semble que les formulaires n’ont pas de boutons radio.
      Qu’utilisez-vous comme plugin pour avoir des boutons radio dans un formulaire ? Avez-vous le même problème en désactivant ViaSPIP. Si c’est le cas, il faudra d’abord chercher du côté du plugin qui vous permet d’enrichir vos formulaires et surtout de ses fichiers CSS. Sinon, c’est à voir...

      Cordialement
      Jean-Yves

    Répondre à ce message

  • Le 5 mars 2016 à 13:56, par Giezendanner FD En réponse à : ViaSPIP 3.1

    Bonjour,

    pourriez-vous integrer le menu Sidr : http://contrib.spip.net/Sidr-Menu-de-cote-Responsive-4391

    meilleurs messages

    FDG

    • Le 8 mars 2016 à 11:56, par Jean-Yves Giraud En réponse à : ViaSPIP 3.1

      Bonjour,
      Je viens de regarder ce plugin et je dois dire que ne suis pas convaincu. Si l’idée est d’afficher en mode smartphone un menu dépliable avec une icône « Hamburger », je pense qu’on peut faire beaucoup plus simple et surtout moins lourd.
      Actuellement, avec la version 3.1.0a de ViaSPIP, on a un menu des rubriques déplié d’office. Avec l’ajout d’un bouton « hamburger », deux ou trois lignes de javascript pour gérer le « toggle » (dépliage-repliage du menu) et un peu de CSS pour gérer l’affichage ou non du bouton et du menu, je pense qu’on pourrait faire assez simplement quelque chose de sympa.
      C’est noté, je vais y songer pour une prochaine version.
      Bonne journée
      Jean-Yves

    Répondre à ce message

Répondre à cet article

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

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2281 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)

  • Lecteur pdf javascript pdf.js

    20 février 2012 – 157 commentaires

    Ce plugin est basé sur le projet pdf.js qui permet une lecture en ligne des pdfs depuis le navigateur. Ce plugin est expérimental et les contributions sur la zone sont les bienvenues. Avantages Open source Ne requiert pas flash et donc (...)

  • Acces Restreint 3.0

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

  • Plugin Vidéo(s)

    23 novembre 2010 – 683 commentaires

    Interface de gestion et modèle d’insertion des vidéos : Dailymotion Vimeo Youtube Modèle de la balise HTML5 video avec alternative flash html5media : Lecture HTML5/Flash pour tout navigateur des fichiers MP4/H264/Ogg/WebM/Mkv Support mobile, iPad, (...)

  • SpipClear 2.1

    18 avril 2009 – 140 commentaires

    Un squelette de blog parmi les autres, entièrement pompé (avec la permission du concepteur) sur le thème par défaut de DotClear.