Vous pouvez ajouter plusieurs arrière-plans à tout bloc de page avec l'outil de style "Arrière-plan".
Ajoutez un arrière-plan à vos blocs de page
Pour ajouter un arrière-plan à un bloc :
- Dans l'éditeur de page, , cliquez sur le bloc auquel vous souhaitez ajouter un arrière-plan.
- Les options de style et de modification du bloc occupent le volet de droite. Cliquez sur le symbole gris "+" à côté de "Arrière-plan".
- Quatre options d'arrière-plan apparaissent dans une fenêtre modale : couleur, dégradé, image et vidéo. Cliquez sur l'option que vous souhaitez utiliser.
D'autres options d'édition apparaissent en fonction du type d'arrière-plan sélectionné.
Types de fond
Il existe quatre types d'arrière-plan que vous pouvez utiliser pour un bloc de page
- Couleur
- Dégradé
- Image
- Vidéo
Fonds de couleur
Les arrière-plans en couleur utilisent des couleurs spécifiques au thème de votre page. Lorsque vous ajoutez une nouvelle couleur d'arrière-plan, elle est définie sur la première couleur de la palette de votre thème.
Cliquez sur la couleur carrée à gauche pour accéder à sa couleur, son dégradé et son opacité.
- Pour utiliser une couleur différente pour votre fond, cliquez sur la tuile de couleur que vous souhaitez utiliser
- Pour ajuster le gradient de la couleur, faites glisser la poignée vers la gauche ou la droite
- Pour ajuster l'opacité de la couleur, faites glisser la poignée vers la gauche ou la droite
Fonds dégradés
Chaque nouveau gradient commence par deux arrêts de couleur. Ces arrêts de couleur sont représentés par deux poignées blanches : une à gauche et une à droite. Chaque arrêt de couleur a sa propre poignée :
- Pour ajouter un autre arrêt de couleur, cliquez sur la barre de gradient horizontale. Lorsque vous le faites, une nouvelle poignée apparaît
- Pour supprimer un arrêt de couleur, saisir sa poignée puis la faire glisser vers le bas et l'éloigner de la barre horizontale
- Pour modifier un arrêt de couleur, cliquez sur l'une des poignées et sélectionnez une nouvelle couleur. Vous pouvez également ajuster son gradient et son opacité
- Pour modifier la position d'un arrêt de couleur, , faites glisser l'une des poignées de gauche à droite
- Pour changer la direction du gradient, utilisez le widget circulaire à gauche de la barre horizontale
- Pour rendre le gradient radial, cliquez sur le cercle à l'intérieur du widget circulaire
Fonds d'image
Vous pouvez utiliser n'importe quelle image téléchargée dans le gestionnaire de fichiers comme arrière-plan. Les fonds d'image sont hautement configurables. Voici quelques-unes des utilisations possibles :
- Remplacer n'importe quelle image
- Ajuster sa position
- Réglez-le pour qu'il soit répété horizontalement et verticalement
- Ajuster sa taille pour qu'il occupe un espace donné
- Ajouter des effets de parallaxe
- Rendez-le transparent en ajustant son opacité
Cliquez sur l'arrière-plan de l'image pour accéder aux éléments suivants :
- Remplacez l'image existante par une nouvelle en cliquant sur la vignette de l'image en haut à gauche
- Le positionner au centre, en haut, en bas, à gauche ou à droite
- Modifiez sa taille pour qu'elle corresponde à la taille d'origine de l'image, ou assurez-vous que l'image couvre le fond sans laisser d'espace blanc, ou assurez-vous que l'image est affichée dans son intégralité (cover), mais qu'elle sera en pleine largeur ou hauteur en conséquence (contain)
- Répétez-le verticalement, horizontalement, les deux, ou aucun des deux
- Appliquez un effet de parallaxe en faisant glisser le curseur vers la gauche ou la droite à l'adresse
- Ajustez son opacité en faisant glisser le curseur vers la gauche ou la droite à l'adresse
Lorsque vous choisissez une image pour votre arrière-plan, vous ne pouvez utiliser qu'une image provenant du gestionnaire de fichiers. Téléchargez n'importe quelle image, de moins de 5 Mo, pour en faire votre arrière-plan.
Fonds d'écran vidéo
Ajoutez une vidéo YouTube en boucle qui servira d'arrière-plan en sélectionnant "Video" dans la liste déroulante.
Cliquez sur "Background Video" et collez l'URL de la vidéo YouTube dans le champ URL.
Vous pouvez régler la vitesse de parallaxe ou l'opacité des vidéos à l'aide des curseurs respectifs.
Commande de fond
Les fonds d'écran sont empilés dans l'ordre où ils ont été ajoutés, les plus récents étant placés en haut.
Vous pouvez modifier la position d'un arrière-plan en saisissant la poignée gauche, en la faisant glisser vers le haut ou vers le bas, et en la relâchant à la position souhaitée. Les arrière-plans peuvent être empilés dans n'importe quel ordre.