SPIP : Composer les squelettes par défaut (DIST) avec les CSS

Bonjour et merci,

Je ne suis pas certain que ce soit le meilleur endroit pour poser une question aussi générale et surtout pour avoir des réponses mais je vais tacher d’y répondre.

Tout d’abord il faut distinguer les langages que je qualifierai de base (HTML, PHP, CSS...) et les outils de gestion de contenus en ligne (SPIP). SPIP est un programme construit avec des langages de base qui permet de gérer des contenus sans connaître les langages de base. Les langages de base ne sont nécessaire que lorsqu’on veut ’personnaliser’ SPIP.

Ceci étant entendu. Voici en grandes lignes ce qui me semble nécessaire de rappeler sur ces langages :
– HTML : sert à structurer le contenu. le html est statique
– CSS : sert à mettre en forme le html pour que ce soit plus joli/lisible/clair etc.
– Boucles/balise SPIP : sert à insérer dans un html classique des contenus dynamique. Ainsi on crée un seul patron (ou squelette) pour tous les articles et SPIP s’occupe avec ses boucles de remplir avec ce qu’il faut pour que chaque article s’affiche comme il faut avec un contenu propre et une présentation homogène.

Je laisse de coté la partie remplissage avec du contenu qui est assez bien géré par la partie administration de SPIP et je continue sur la présentation.

SPIP est livré avec une présentation par défaut (DIST), on dit aussi avec un jeu de squelette par défaut. Sous SPIP tous les affichage passent nécessairement par ces squelettes (qui ne sont jamais que des patrons d’affichage). Tout le travail de personnalisation de la présentation va passer par un travail sur ces fichiers squelettes. La bonne méthode est de recopier les fichier qu’on veut modifier du répertoire DIST vers un répertoire squelettes que l’on créera si nécessaire.

Pour personnaliser SPIP, vous avez deux possibilités.

• Si les modification sont légères vous pouvez vous contenter de modifier habillage.css (que vous trouverez aussi dans dist et qu’il faut recopier dans squelettes). C’est de celà que mes articles traitent. Il vous suffit de recopier un bout de code en bas de ce fichier, de le mettre dans squelettes et de faire recalculer la page (ou vider le cache dans la partie admin), pour que votre page soit modifiée.
• Si vous vous avez besoin de modifications plus sérieuses (notamment concernant l’organisation des contenus) il vous faudra éditer les squelettes (je vous renvois alors sur la documentation officielle). Le problème est que ces squelettes sont un mélange de HTML et de boucles SPIP, donc un éditeur WYSIWYG risque de ne pas bien marcher. Personnellement j’utilise un éditeur ASCII classique (notepad ou gedit selon le système d’exploitation), mais ça demande un peu de connaissance en HTML et en boucles SPIP.

Pour la question sur les outils, j’utilise exclusivement des gratuiciels depuis que je suis passé intégralement sous Linux, donc je ne saurai vous en conseiller d’autre.
A mon sens si vous voulez vous lancer dans le web, utilisez toujours les outils les plus basiques possibles, au moins ça vous permettra de voir vraiment ce qu’il y a dans la "bête". Les outils dits ’évolués’ font en faits souvent des tas de choix à votre place dont vous êtes prisonnier par la suite (quand ces choix ne sont pas carrément mauvais). Maintenant si c’est un mal nécessaire et temporaire vous gagnerez à utiliser des outils clefs en main et pourquoi pas pour SPIP à récupérer un des trés bon squelette proposé par la communauté.

ps : et puis notepad/gedit marchent aussi bien pour le html que pour les css (et plein d’autres choses )