SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 183 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

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 ?

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

  • Réservation d’événements

    16 mars 2015 – 330 commentaires

    Ce plugin permet d’offrir aux visiteurs de s’inscrire pour un évènement du plugin Agenda et de gérer les réservations enregistrées. Installation Le plugin s’installe comme n’importe quel plugin. il nécessite : Agenda API de vérification (...)

  • Objets virtuels

    15 mai – commentaires

    Ce plugin permet de gérer sur la plupart des objets éditoriaux déclarés à SPIP un lien de redirection (comme l’on peut déjà avoir sur les articles). Cette redirection, si elle est renseignée, est appliquée lorsqu’on va sur cet objet dans l’espace public. (...)

  • Module de paiement Paypal Express Checkout

    12 juin 2015 – commentaires

    Ce mode de paiement par Paypal Express Checkout est sécurisé et peut-être utilisé en toute confiance. Il permet également, dans le cadre de certaines boutiques, d’optimiser le workflow de paiement en sautant l’étape de création de compte et en (...)

  • Le plugin ZotSpip

    28 mai 2012 – 138 commentaires

    Synchronise Spip avec une bibliothèque (personnelle ou partagée) de références bibliographiques Zotero. Utilisez Zotero pour gérer / importer / rédiger vos références bibliographiques, puis incorporez vos références bibliographiques dans votre Spip avec (...)

  • ScolaSPIP 4

    19 janvier 2016 – 213 commentaires

    ScolaSPIP est plugin-squelette responsive personnalisable pour sites Web d’établissements scolaires basé sur SPIPr Présentation de ScolaSPIP Ce plugin pour SPIP 3 est développé par la Dane de l’académie de Versailles pour les webmestres de cette (...)

Ça spipe par là