SPIP-Contrib

SPIP-Contrib

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

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

Accueil > Squelettes > Outils pour squelettes > Base CSS pour SPIP > Arborescence de l’intégration

Arborescence de l’intégration

20 mai 2011 – par tetue

9 votes

Arborescence des fichiers statiques d’intégration

Zip - 352.8 ko
Demo statique
Kit statique (HTML/CSS/JS) de démarrage pour l’intégrateur

Rien n’est imposé, mais voici comment organiser au mieux votre intégration statique afin de bénéficier de tous les automatismes :

  • /theme
    • layout.html
    • typo.html
    • article.html
    • rubrique.html
    • ...
    • favicon.ico
    • /css
      • reset.css [*]
      • typo.css [*]
      • form.css [*]
      • spip.css [*]
      • clear.css [*]
      • grid.css
      • layout.css
      • style.css
      • /img : contient les images appelées dans les feuilles de style (réparties au besoin en sous-répertoires bg, border, sprite, etc.)
      • /font : contient, si nécessaire, les polices appelées dans les feuilles de style (avec @font-face)
    • /img : contient les images appelées directement dans le HTML (réparties au besoin en sous-répertoires buttons, tools, etc.)
    • /js
      • jquery.js [**]
      • jquery.form.js [**]
      • ajaxCallback.js [**]
      • jquery.cookie.js [**]
      • script1.js
      • script2.js
      • ...
    • /polices : contient, si nécessaire, les polices à utiliser dans les squelettes pour la génération auto d’images typo
      • stencil.ttf
    • /masque : contient, si nécessaire, les découpes PNG prêtes à être utilisées par SPIP dans les traitements automatisés d’images, en passe-partout, texture, etc.
      • masque1.png
      • masque2.png
      • ...
    • /toto : contient les illustrations et autres faux contenus, et tout ce qu’on ne sait pas où ranger, qui sera vraisemblablement supprimé une fois le site en fonctionnement
      • ...

Arborescence finale dans SPIP

Si l’intégration est bien rangée, elle peut être déposée telle quelle dans SPIP, dans votre dossier « squelettes », qui ressemblera à ça sur le site final :

  • /squelettes
    • sommaire.html
    • rubrique.html
    • article.html
    • ...
    • favicon.ico
    • /css
      • style.css
      • /img
      • /font
    • /js
      • script1.js
      • script2.js
    • /img
    • /masque
    • /polices
    • /modeles
    • /formulaires
    • /lang
    • ...

D’autres fichiers (scripts, feuilles et images) sont appelés dans les pages finales du site, depuis les plugins, structurés selon la même arborescence. Pour surcharger, il suffit de glisser un fichier homonyme, au même emplacement de l’arborescence, dans ce dossier « squelettes ». SPIP, c’est simple !

Arborescence possible dans SPIP+Z

Si vous utilisez SPIP+Z, c’est davantage morcelé. Par exemple :

  • /squelettes
    • body.html : gabarit principal, à partir duquel seront généré toutes les pages, ce fichier ne contient que la balise <body> et les quelques div des blocs principaux
    • /content : contient uniquement les cœurs de vos pages
      • dist.html
      • page.html
      • page_sommaire.html
      • rubrique.html
      • article.html
      • page_login.html
      • ...
    • /aside
      • dist.html
      • page.html
    • /inclure
      • head.html
      • header.html
      • nav.html
      • footer.html
      • ...
    • /modeles
    • /formulaires
    • /lang
    • favicon.ico
    • /css
      • style.css
      • /img
      • /font
    • /js
      • script1.js
      • script2.js
    • /img
    • /masque
    • /polices
    • ...

Notes

[*Il est inutile de les personnaliser ces feuilles de styles : elles ne seront pas déposées sur le site final où elles sont insérées de façon automatisée par ce plugin. Elles sont alors paramétrables depuis l’espace privé de SPIP.

[**Ces fichiers, indispensables au moment de l’intégration, ne doivent pas être personnalisés, car ils ne seront pas déposés sur le site final où ils sont systématiquement insérés par SPIP.

Dernière modification de cette page le 11 janvier 2012

Retour en haut de la page

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

  • Photoswipe

    18 septembre 2016 – 17 commentaires

    Une lightbox javascript responsive. PhotoSwipe est une boîte multimédia — comme la Mediabox installée en série avec SPIP — qui permet de zoomer à la taille réelle des images et qui gère intelligemment les légendes. Le plugin est basé sur la librairie (...)

  • Spip2Spip

    21 février 2008 – 157 commentaires

    Spip2spip permet de synchroniser le contenu de plusieurs sites SPIP entre eux en étendant le principe de la syndication thématique. Les articles d’un SPIP sont récopiés d’un site à l’autre en conservant leur formatage (...)

  • Tutoriel : créer une carte interactive avec GIS4

    19 octobre 2013 – 27 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. Effacer tous les points d’une carte La fonction javascript removeAllMarkers() (...)

  • Lecteur pdf javascript pdf.js

    20 février 2012 – 146 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 (...)

  • Plugin Bank

    12 juin 2015 – 57 commentaires

    Le plugin Bank prend en charge l’interface technique de paiement avec de nombreux prestataires de paiement par Carte Bleue, SEPA… Il prend également en charge la conservation de l’historique des transactions de paiement et de leur état et offre une (...)