Modifier le style d’arrière-plan des éléments de contenu

Lorsque vous modifiez la couleur ou le style d’arrière-plan des éléments de contenu, vous pouvez par exemple intégrer votre charte graphique et créer une boutique à l’image de votre entreprise. Si vous modifiez uniquement l’arrière-plan de certains éléments de contenu individuels, ces éléments seront mis en valeur et apporteront de la variété au design de votre boutique.

Comment modifier le style d’arrière-plan

Une fois que vous avez ajouté un élément de contenu à une page, vous pouvez modifier son arrière-plan. Tous les changements apparaîtront directement dans la zone d’aperçu de l’Éditeur.

1. Sélectionnez l’élément de contenu ou survolez-le. Vous verrez une barre bleue en haut de l’élément de contenu.
2. Dans cette barre bleue, sélectionnez .
3. Sélectionnez l’option de votre choix :
   • Arrière-plan monochrome
     Sélectionnez le carré de couleur pour choisir une couleur d’arrière-plan.
   • Arrière-plan dégradé
     Modifiez les paramètres pour obtenir le dégradé de couleur souhaité. Pour plus d’informations, consultez l’article Utiliser un dégradé de couleur pour l’arrière-plan.

4. Sous Largeur de l'arrière-plan, vous pouvez décider si l’arrière-plan doit s’adapter à la largeur du contenu de la page ou s’étendre sur toute la largeur de la page.

   Info

   Selon le thème sélectionné, certains designs incluent un espace blanc à gauche et à droite du contenu, tandis que d’autres s’étendent sur toute la largeur. Avec cette option, vous pouvez choisir si l’arrière-plan doit suivre la largeur par défaut du thème ou s’en écarter.

5. Si vous souhaitez restaurer la couleur d’arrière-plan par défaut de cet élément de contenu, cliquez sur le lien Réinitialiser.
   Veuillez noter que cette action restaurera la couleur par défaut de votre thème et non la couleur que vous aviez sélectionnée auparavant (le cas échéant). Si vous souhaitez conserver la couleur que vous aviez sélectionnée lorsque vous avez commencé à apporter des modifications, vous devez annuler votre action en sélectionnant Annuler.
6. Sélectionnez Enregistrer.

Vous avez à présent modifié le style d’arrière-plan. Pour modifier l’arrière-plan d’autres éléments de contenu ou pour modifier à nouveau un style d’arrière-plan, répétez les étapes ci-dessus. Les changements s’appliqueront directement dans votre boutique.

Comment choisir une couleur

Sélectionnez la couleur désirée à partir de la palette de couleurs . Vous pouvez également sélectionner l’une des couleurs prédéfinies . Vous y trouverez toujours les couleurs de base noir et blanc. Vous trouverez également les couleurs de la boutique actuellement sélectionnées ici. Pour choisir une nuance précise, vous pouvez saisir son code hexadécimal dans le champ de saisie .

En sélectionnant le lien Réinitialiser, vous restaurerez la couleur par défaut de votre thème et non la couleur que vous aviez précédemment sélectionnée (le cas échéant).

Vous pouvez immédiatement voir à quoi ressembleront vos modifications dans l'aperçu de votre boutique en arrière-plan.

Si vous souhaitez utiliser une couleur spécifique pour votre boutique, vous pouvez utiliser un sélecteur de couleurs afin d’identifier le code hexadécimal correspondant. Vous pourrez ainsi sélectionner rapidement la teinte exacte. De nombreux sélecteurs de couleurs sont disponibles gratuitement sur le web ou sous la forme d'extensions pour les principaux navigateurs.

Conseils pour le style d’arrière-plan

Les paramètres d’arrière-plan offrent de nombreuses possibilités, mais il peut être compliqué de les utiliser pour créer le design parfait.

Pour vous aider à réussir le design de votre boutique, nous avons rassemblé quelques conseils :

• Si vous avez sélectionné un thème pleine largeur, le style de l’arrière-plan s’affichera également en pleine largeur. Si le thème n’est pas pleine largeur, le style de l’arrière-plan ne s’affichera pas sur la totalité de la page. Cela permet de garantir un design harmonieux et cohérent sur votre boutique.

  Design pleine largeur	Design largeur autre

• Les couleurs d’arrière-plan sélectionnées sont conservées lorsque vous changez de thème. Si vous avez sélectionné une couleur du thème précédent comme couleur d'arrière-plan, cette couleur sera conservée et ne sera pas remplacée par celle du nouveau thème. Si vous changez de thème, pensez à vérifier les paramètres pour que votre boutique reste visuellement agréable et cohérente.
• Nous vous recommandons d’utiliser des couleurs qui correspondent à votre marque/entreprise et auxquelles vos clients sont habitués. Le style sera plus professionnel et homogène.
• Essayez d’utiliser des couleurs de la même gamme. Trop de couleurs différentes dans votre boutique peuvent distraire vos clients.
• Le mieux est parfois l’ennemi du bien. Pour le style d'arrière-plan des éléments de contenu de votre gamme de produits, nous vous conseillons des couleurs claires afin que les clients potentiels voient surtout vos produits.
• Maintenez un fort contraste entre la couleur d'arrière-plan et les autres éléments tels que le texte et les boutons, afin d'assurer une bonne lisibilité.