Etape 1) Les zones de design
Pour bien comprendre l’édition du design par zones de page, commencez par la lecture de cet article qui vous aidera à bien comprendre la notion de zones du design
Etape 2) Design de l’ensemble de la page
Pour appliquer rapidement une charte graphique cohérente à l’ensemble de vos pages, consultez l’article sur la modification du style de la zone de page « body »
Etape 3) Design par zones
Pour éditer le design d’une zone cliquer sur le pinceau de la zone correspondante:
Une fenêtre de personnalisation va s’ouvrir pour vous permettre d’effectuer vos choix de design. Toutes les possibilités de personnalisation sont disponible au choix:
- Pour toutes les pages du site: chaque modification se répercutera sur toutes les pages de votre site
- Pour le type de pages que vous êtes en train d’éditer (accueil, rubriques, articles,...). Si vous avez pris soin de créer une "composition", les styles seront appliqués uniquement à la composition que vous éditez.
Si vous voulez effectuer un contrôle très précis de votre graphisme, nous vous conseillons d’utiliser le choix « {{Uniquement pour ce type de page}} »
L’édition du design de vos pages vous permet de modifier pour chacune des zones de page:
- {{Les couleurs et images de fond}}: Les images peuvent être de plusieurs types: images de fond simples, ombres, modèles, motifs, séparateurs de zone et images personnalisées
- {{Les textes}}: En attribuant de façon différenciée aux titres, textes et liens: une taille spécifique, une police de caractères et une couleur
- {{Les marges et espacements}}: Pour que vos textes se distinguent bien les uns des autres vous pourrez donner des marges et espacements (padding) de chaque côté de chaque zone
Quelque soit la zone de page, les possibilités de configuration seront toujours les mêmes: Fonds, Textes et Espacements. Le seul cas particulier concerne le bouton d’édition de l’ensemble de la page. Ce bouton se situe en haut à gauche de la page et ne concerne pas une zone en particulier mais l’ensemble de la page. C’est un bouton de configuration très utile car il vous permet d’appliquer des styles rapidement à un fond de page, à tous vos textes en utilisant une seule fenêtre de configuration.
Lorsque vous avez choisi un template comportant deux colonnes ou plus, {{vous avez aussi la possibilité de définir des largeurs pour chaque colonne}}, vous permettant ainsi de bénéficier d’une capacité de personnalisation de vos templates sans autre limite que votre imagination.