Créer site internet facile
Créer son site web pour les nuls
Créez votre propre site Internet
Gratuit, Facile, Rapide
Découvrez SiteW Inscription gratuite

Préparez les fonds de modules

Qu’est-ce qu’un fond de module ?

Le fond de module définit un style applicable à certains modules de l’éditeur SiteW. Prenons par exemple ce module Texte :

En un seul clic, il est possible d’affecter un style à ce module, pour lui donner par exemple cette allure :

Ou bien, d’un autre clic, lui donner une toute autre allure :

Il suffit pour cela de sélectionner le style dans la liste des fonds de modules disponible dans l’onglet Design du site :

Les avantages

En préparant des fonds de module pour votre site, vous gagnerez beaucoup de temps pour appliquer des styles aux modules, et surtout, pour assurer une cohérence graphique entre tous les modules.

Dans l’exemple ci-dessus, il suffit d’affecter le même fond à ces deux modules pour que leur design soit identique. Mais ce n’est pas tout !

Modification du fond de module

Si vous modifiez un fond de module, tous les modules qui appliquent ce fond seront automatiquement mis à jour partout sur le site. Encore un gain de temps pour assurer l’harmonique graphique de votre site !

Modification de la palette

Ce module Texte possède un fond de module qui applique la palette en cours

Encore plus fort : si les couleurs définies dans le fond de module sont des nuances de la palette, alors un changement de palette sera automatiquement reporté dans les couleurs du fond de module, et ce changement s’appliquera en cascade à tous les modules basés sur ce fond.

Un changement de palette modifie les couleurs du fond de module et du module Texte

Créer un fond de module

Ouvrir la liste des fonds de modules

Pour créer ou modifier un fond de module, rendez-vous dans Design du site > Fonds des modules :

Un clic sur le bouton Fonds des modules permet d’afficher la liste des fonds de modules créés pour le site :

Chaque fond apparaît avec son titre, un aperçu, et bouton permettant de le modifier.

Définir les propriétés du fond de module

Les fonds de modules possèdent trois parties :

  1. Style pour le fond
  2. Style pour le titre
  3. Style pour le paragraphe

Pour chacune de ces trois parties, vous pouvez appliquer différentes propriétés graphiques :

Le schéma ci-dessous met en évidence les notions de marge interne, marge externe et bordure :

Appliquer un fond de module

Les fonds de modules peuvent s’appliquer à divers modules de SiteW, et en particulier au module Texte, comme le montre la vignette vidéo ci-dessous :

Dernière mise à jour : 11 juin 2020