Comment ajouter un fond sur une page personnalisée ?

La fonctionnalité Fonds (arrière-plans) de l'application Site permet d'ajouter derrière un ou plusieurs blocs d'une page personnalisée (page sur-mesure) un arrière-plan de couleur unie ou une image.

• Quels types de fonds puis-je utiliser ?
• Sur quelles pages puis-je utiliser un fond ?
• Comment ajouter un fond à ma page ?
• Comment régler la hauteur de mon fond ?
• Quelle largeur un fond peut-il avoir ?
• Comment paramétrer un fond de couleur ?
• Comment paramétrer un fond d'image ?
• Quelles sont les limitations connues des fonds ?

La fonctionnalité Fonds ne s'applique pas aux pages générées automatiquement par le logiciel (blog, galerie, etc.).

Quels types de fonds puis-je utiliser ?

Vous pouvez utiliser deux types de fonds :

• Un fond de couleur : une couleur unie derrière un ou plusieurs blocs.
• Un fond d'image : une image en arrière-plan, avec :
  • un filtre de couleur appliqué automatiquement à 30 % (non modifiable) ;
  • optionnellement, un effet parallaxe.

Qu'est-ce que l'effet parallaxe ?

L'effet parallaxe fait défiler l'image de fond plus lentement que le reste de la page lors du défilement. Cette différence de vitesse donne une impression de profondeur. À ne pas confondre avec un carrousel :

• Un carrousel fait défiler plusieurs images, souvent en haut de page.
• L'effet parallaxe s'applique à une seule image de fond, dont la vitesse de défilement diffère du reste de la page.

Sur quelles pages puis-je utiliser un fond ?

Les fonds sont disponibles uniquement sur les pages personnalisées sur-mesure, c'est-à-dire les pages que vous créez et éditez librement.

Les fonds ne sont pas disponibles sur les pages générées automatiquement par certains modules du logiciel.

Comment ajouter un fond à ma page ?

1. Ouvrez l'éditeur de la page personnalisée concernée, dans l'application Site.
2. Cliquez sur Fonds dans la barre d'outils, à gauche de la page.
3. Choisissez le type de fond : Couleur ou Image.
4. Déposez le fond à l'endroit souhaité, au-dessus ou en dessous de vos blocs.

Le fond s'affiche derrière les blocs concernés dans l'éditeur de la page.

Comment régler la hauteur de mon fond ?

La hauteur d'un fond est libre : vous pouvez la redimensionner selon votre besoin.

Quelle largeur un fond peut-il avoir ?

Un fond peut-il être partiel, comme une carte ?

Non. Un fond occupe toujours toute la largeur de la page, selon le paramétrage choisi dans le thème. Il n'est pas possible de limiter sa largeur pour créer une carte avec un fond de couleur partiel.

Quelle différence entre largeur finie et largeur infinie ?

• Largeur infinie : le fond s'étend sur toute la largeur visible de l'écran (affichage responsive).
• Largeur finie : le fond est cadré sur une largeur fixe de 1131 px, centrée sur la page, avec des marges visibles sur les grands écrans.

Ce réglage se fait dans les paramètres du thème : ouvrez Site > Général, puis cliquez sur Modifier le thème pour accéder à la page de paramétrage du thème.

Exemple de rendu en largeur infinie :

Exemple de rendu en largeur finie :

1. Cliquez sur Fonds, puis choisissez un fond de type couleur.
2. Sélectionnez la couleur souhaitée.

Comment paramétrer un fond de couleur ?

1. Cliquez sur Fonds, puis choisissez un fond de type couleur.
2. Sélectionnez la couleur souhaitée.
3. Vérifiez le contraste entre le fond et les textes ou éléments posés dessus.

La couleur choisie s'affiche derrière les blocs placés sur le fond.

1. Cliquez sur Fonds, puis choisissez un fond de type image.
2. Importez ou sélectionnez l'image.
3. Activez l'effet parallaxe si vous le souhaitez.

Le filtre de couleur s'applique automatiquement à 30 % : ce réglage n'est pas modifiable.

Comment paramétrer un fond d'image ?

1. Cliquez sur Fonds, puis choisissez un fond de type image.
2. Importez ou sélectionnez l'image.
3. Le filtre de couleur s'applique par défaut à 30 % : ce réglage n'est pas modifiable.
4. Activez ou non l'effet parallaxe.

L'image s'affiche en arrière-plan des blocs, avec son filtre de couleur à 30 %.

Pourquoi l'effet parallaxe n'apparaît-il pas dans l'éditeur ?

Dans l'éditeur, l'effet parallaxe n'est pas visible : l'image semble figée. L'effet parallaxe est visible sur la page publiée, côté visiteurs.

Quelles sont les limitations connues des fonds ?

• Sur mobile, les images de fond avec effet parallaxe sont tronquées sur les côtés. Pour limiter ce rognage, utilisez une image au format portrait ou carré d'au moins 1920 px de large et groupez vos blocs.
• Un fond occupe toujours toute la largeur de la page : il n'est pas possible de créer un fond de couleur couvrant seulement une partie de la page.