Ajouter un fond sur une page personnalisée – Centre d'Aide

Avant de commencer

La fonction "Fonds" de l'application Site dynamise et modernise l'aspect de votre site internet.

Elle permet d’apposer des éléments visuels en arrière-plan de vos "blocs" (blocs de textes, blocs images, formulaire de contact, etc.), comme c'est le cas sur l'exemple ci-dessous :

Vous pouvez ajouter différents types de fonds :

Des fonds de couleurs
Des fonds d'images (avec ou sans effet parallaxe)

L'effet parallaxe, dans le site, est le fait que l'image qui se situe en arrière-plan (ou en fond) défile moins vite que le reste du site. Cela donne l'illusion d'un certaine profondeur.

Cet article vous explique comment fonctionnent ces fonds :

Fonctionnement général
Réglages possibles pour les fonds

Fonctionnement général

Les fonds sont utilisables uniquement sur les pages éditables sur-mesure et non sur les pages générées automatiquement par le logiciel.

Pour ajouter un fond, accédez donc à l'outil d'édition d'une de vos pages, puis cliquez sur "Fonds" situé dans la barre d'outils située à gauche de votre page.

Vous pouvez alors prendre un fond, puis l'apposer sur votre page comme nous vous le montrons ci-dessous.

Réglages possibles pour les fonds

Réglage de la hauteur

Un fond est optimisé pour être posé sous des blocs existants. La hauteur des fonds est libre : vous pouvez le redimensionner comme bon vous semble.

Nous vous conseillons cependant d'adapter la hauteur des fonds à l'image que vous souhaitez ajouter en fonds. Si vous ajoutez une image trop haute par rapport à la hauteur de votre fond, cette dernière sera rognée.

Réglage de la largeur

Les fonds font forcément toute la largeur de la page : vous ne pouvez pas faire en sorte que votre fond n'occupe que la moitié de votre page par exemple.

Cependant, vous pouvez choisir si les fonds que vous ajoutez ont une largeur finie ou infinie. Ce paramétrage s'effectue sur la page de paramétrage du thème accessible via Site > Général puis clic sur le bouton "Modifier le thème".

Si vous optez pour une largeur infinie, vous aurez ce design :

La largeur de l'image s'adapte en fonction de votre écran : nous faisons en sorte que

Si vous optez pour une largeur finie, vous aurez ce design :
Les images ont une largeur finie de 1131 pixels de largeur

Paramétrages des fonds de type couleur

Pour ajouter un fond de couleur à votre page, voici comment faire :

Pour chaque fond de couleur, vous pouvez paramétrer la couleur de votre choix.

Pour une meilleure visibilité des éléments que vous posez sur votre fond, veillez à garder un contraste suffisamment fort entre votre texte / vos éléments et votre fond.

Paramétrages des fonds de type image

Pour ajouter une image en fond de votre page, voici comment faire :

Il existe différents paramétrages pour les fonds images : ajouter un filtre de couleur et ajouter un fond parallaxe.

Le filtre de couleur est réglé de base à 30%. Cette configuration ne peut être changée.

L'effet parallaxe est un effet dynamique qui va donner une impression de mouvement aux utilisateurs visitant votre page internet.

L'effet parallaxe n'est pas visible côté édition : l'image reste figée. Pour voir le rendu de l'effet, rendez-vous côté utilisateur.

Les fonds n'ont plus de secret pour vous ! Vous voici donc prêts pour construire une belle page ! A vous de jouer !