Formation Wordpress - Oxygen

L'onglet Background

Cet onglet sert à personnaliser le fond d'un élément. C'est le premier onglet de la barre d'édition sur Oxygen (à droite).

Liste des principaux réglages

Toutes les options de réglages liées aux image sont abordées plus en détail dans le guide dédié aux images.

  • Background color : Change la couleur de fond de l'élément. Si vous souhaitez mettre plusieurs couleurs en même temps, consultez le champ gradient
    • Copiez-collez un code couleur Hexadécimal (#000000) ou RGB / RGBA -rgba(0,0,0,0.75)- ou cliquez sur le champ pour le modifier
    • Le curseur avec un chiffre gère l'opacité de la couleur
  • Image overlay color : Rajoute une couleur par-dessus le visuel qui a été définir avec Background-image ou Background-color.
  • Background Size : Oblige la taille de l'image à se conformer à une règle.
  • Background Repeat : Gère le comportement de l'image si elle ne remplit pas tout le cadre
  • Background Attachment : Gère le comportement de l'image lors du scroll. Par défaut, laissez-le sur Scroll.
  • Left / Top : Gère le comportement de l'image quand la fenêtre se réduit.
  • Gradient : Permet d'ajouter un dégradé de couleurs au lieu d'un fond uni :

Cas particulier : le gradient

Ajouter un dégradé de couleur est une option assez complexe. Voici donc une section dédiée spécifiquement à ce champ

  • Cliquez sur add a Color pour ajouter une nouvelle couleur au dégradé.
    • Dans notre exemple, nous utiliserons 2 couleurs, mais vous pouvez en ajouter plus.

Le champ situé sous la couleur permet de définir le comportement des couleurs. Il est plus facile de le travailler en pourcentage.

La couleur bleu occupe entièrement les 30% du début. La couleur rouge s'active à partir de 30%, jusqu'à la fin. La séparation est donc nette
La couleur bleu occupe entièrement les 30% du début. de 30 à 70%, elle se mélange avec la couleur rouge. à partir de 70%, la couleur rouge occupe entièrement le reste.
  • Liner / Radial : Change le type de dégradé; soit de manière linéaire, soit en radial (en forme de rond)
  • Angle : Change l'orientation du dégradé, mesuré en degrés. Par exemple, 90 degrés orientera le dégradé de gauche à droite
    • Si le champ est laissé vide, il est par défaut mis à 180 degrés.

Besoin de quelque chose ?

Nous sommes toujours prêts à améliorer notre formation. N'hésitez pas à nous signaler un problème ou un cours manquant.
Demande de cours
bonjour@tricorn.fr
Gérer le consentement aux cookies

Afin d'offrir la meilleure expérience possible, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations des appareils. Le fait de ne pas consentir ou de retirer son consentement peut avoir un effet négatif sur certaines caractéristiques et fonctions.

View more
Cookies settings
Accepter
Refuser
Confidentialités et Cookies
Privacy & Cookies policy
Cookie name Active
Save settings
Cookies settings