Organisation des répertoires de la charte graphique


L'ensemble d'une charte graphique dans Ametys est définie dans un dossier cms/skins/[skinName]/. Ce dossier contient toutes les règles d'affichage, de comportement et d'architecture de l'application web.

Une application Ametys pouvant gérer plusieurs sites, le dossier cms/skins/ peut contenir plusieurs dossier de chartes graphique.

Une charte graphique dans Ametys est composée de fichiers de configuration, de fichiers d'internationalisation, de ressources statiques, de différents gabarits et de feuilles de styles (CSS et XSL) :

RépertoireDétails
Le répertoire cms/skins/[skinName]/conf contient les fichiers :
  • edition-styles.xml : définition des styles de chaque élément (paragraphes, tableaux, images, etc.) disponibles dans l'éditeur riche
  • skin.xml : définition des propriétés de la charte graphique
  • tags.xml : définition des étiquettes de charte
  • template_assignment.xml : définition des règles d'affectation des gabarits
Le répertoire cms/skins/[skinName]/i18n contient les fichiers d'internationalisation (cf. page Internationalisation)

Le répertoire cms/skins/[skinName]/resources contient les ressources statiques de la charte graphique, ce répertoire peut être organisé de n'importe quelle façon. Une méthode consiste à regrouper les ressources par type de fichier :

  • feuilles de styles (répertoire css)
  • images (répertoire img)
  • fichiers javascript (répertoire js)
  • ...

Les répertoires css, img , js et swf peuvent contenir des sous-répertoires pour une organisation plus claire.

Le répertoire cms/skins/[skinName]/services contient les différentes feuilles de styles qui génèrent le rendu des services.

Le répertoire cms/skins/[skinName]/stylesheets contient les différentes feuilles de styles communes aux templates : par exemple l'entête de document, la structure globale du site, la navigation ...etc

Et les répertoires suivants :

  • content : contient les différentes feuilles de styles qui génèrent le rendu des types de contenu
  • io : gère la transformation d'un contenu particulier vers du HTML (par exemple : transformation du docbook en HTML valide)
Le dossier cms/skins/[skinName]/templates contient un répertoire par template, chaque template définit une structure de page par zones.

 

 

Retour en haut