Changer le logo et le banner du site, etc

Comment modifier le logo, le banner, les couleurs des thèmes, ...

Avant toute chose, il est utile customiser le fichier "base_properties" qui permet de définir plusieurs propriétés du site.

Attention! il existe deux dossiers "base_properties"; celui d'origine de plone et celui, adapté, du produit "cpskin" (produit site communal).

C'est bien le deuxième qu'il faut "customiser" si on ne veut pas avoir de problèmes.

Lorsque l'on "customise" un dossier ou un fichier, Plone en fait une copie dans le dossier custom (portal_skins/custom).

Cela permet d'y apporter ses propres modifications sans affecter le dossier, le fichier d'origine.

Dans "portal_skins", on trouve les dossiers des produits installés sur son instance Plone. Parmi ces produits, il y a "cpskin", le produit de site communal.

Dans le dossier "cpskin", on trouvera le dossier "base_properties". Il faut cliquer dessus et ensuite cliquer sur le bouton "Customize" en vérifiant que c'est bien le dossier "custom" qui apparaît comme dossier de destination juste à gauche du bouton.

Allons ensuite dans le dossier "custom" et cliquons sur le dossier "base_properties" et ensuite sur l'onglet "properties".

On a alors différentes propriétés de base du site sous les yeux.

Exemple:

base_properties2.jpg

Le nom du logo est spécifié dans les base_properties. Il s'appelle "logo.gif". Si l'on veut utiliser une image .jpg .png,... c'est ici qu'il faut le spécifier.

Pour modifier le logo, il faut donc se rendre dans le dossier custom lui-même situé dans le dossier portal_skins dans la ZMI (Zope Management Interface).

Si un fichier logo est déjà présent, il suffit de le modifier en respectant les dimensions de l'image d'origine (181px de large pour 106 px de haut).

Il est possible de mettre un logo qui a plus de hauteur, mais augmenter la largeur peu poser problème pour l'alignement avec la colonne de gauche (cela peut aussi demander quelques adaptations css).

L'affichage du banner fonctionne sur un principe simple; Plone regarde dans le dossier courant s'il y voit une image nommée "banner.jpg". Si c'est le cas il l'affiche, sinon il regarde plus haut (dossier parent) et ainsi de suite.
Actions sur le document