Personal tools
You are here: Support Documentation Manuels de référence Canevas de site internet communal (produit CPSkin2) Configuration du produit Adaptation des fichiers du produit
Document Actions

3.3. Adaptation des fichiers du produit

Up one level


Il est possible d'adapter les éléments prédéfinis du produit CPSkin2 à travers la ZMI, comme par exemple les fichiers CSS, les templates, les portlets, les fonctions utilisées dans les templates, ... Ces adaptations demandent éventuellement des connaissances en CSS, HTML, TAL, python, ...

Les fichiers relatifs au modèle de site sont accessibles dans la ZMI (lien "Configuration du site", "Interface d'administration de Zope (ZMI)") en suivant le chemin "/portal_skins/CPSkin2".
Pour visualiser un fichier, il suffit de cliquer sur son nom.

Une fois le fichier ouvert, il faut cliquer sur le bouton "Customize" avant de pouvoir y apporter des modifications.
En réalité, une copie du fichier original est créée dans "/portal_skins/custom".
C'est cette copie qui peut être adaptée.

En pratique, concernant les fichiers css, il est recommandé de ne pas customiser un fichier css entier mais de copier la classe css concernée dans le fichier /portal_skins/custom/ploneCustom.css. Si le fichier ploneCustom.css n'est pas dans /portal_skins/custom, il faut se positionner dans /portal_skins/plone_styles/ploneCustom.css et cliquer sur le bouton "customize".

Le fait d'avoir toutes les modifications css dans un seul fichier facilite la maintenance du site et réduit les problèmes de migration en cas d'évolution des fichiers customisés. En effet une fois qu'un fichier est dans /portal_skins/custom, c'est cette version qui est prise en compte et non plus celle du produit. Il faut donc éviter de customiser des fichiers entiers si ce n'est pas nécessaire ou si aucune modification n'y est apportée.

Dans le cas de CPSkin2, tous les changements css peuvent donc être placés dans ploneCustom.css hormis pour les fichiers css conditionnels qui eux doivent être customisés en entier (comme theme1.css, theme2.css, theme3.css, theme4.css, ...) ou pour des css particuliers comme IEFixes.css. Un css conditionnel est un css présent dans /portal_css et dont le champ "condition" contient quelque chose.

 


Powered by Plone CMS, the Open Source Content Management System