Panneau de style
Le panneau Style apparaît au bas du panneau latéral droit dès qu'un élément, une section ou la page sont sélectionnés sur la canvas. Il regroupe la mise en forme visuelle commune à la quasi-totalité des blocs : typographie, couleurs, fond, marges, bordures, ombres, animations…
Le style désigne l'apparence : couleurs, polices, espacements et effets. Une valeur en px est une taille en pixels, l'unité utilisée pour les dimensions à l'écran. Une surcharge mobile est un réglage réservé au téléphone, qui conserve la valeur ordinateur.
Chaque rubrique se replie ou se déplie. Dès qu'au moins un réglage est défini, un badge Modifié apparaît à côté du titre, avec un résumé de ce qui est appliqué (par exemple un échantillon de couleur pour le fond).
Si la valeur diffère entre ordinateur et mobile, le résumé affiche les deux valeurs, chacune précédée d'une icône écran ou smartphone. Survoler une rubrique repliée affiche une carte d'aperçu qui illustre son effet.
Édition desktop, mobile, ou les deux
Une mention en haut de chaque rubrique dépliée précise dans quel mode vous êtes en train d'éditer : Modifie l'ordinateur et le mobile, Modifie l'ordinateur uniquement ou Modifie le mobile uniquement.
- En aperçu Ordinateur uniquement, un réglage s'applique aussi au mobile tant que vous n'avez pas défini une valeur différente pour le mobile. Si le mobile a déjà sa propre valeur, seule la version ordinateur change.
- En aperçu Mobile uniquement, vous définissez une valeur propre au téléphone. La valeur utilisée sur ordinateur reste inchangée.
Cela vous permet d'avoir, par exemple, un titre en 64 px sur desktop et 32 px sur mobile sans avoir à recopier toute la mise en forme.
Réinitialiser une rubrique
La plupart des rubriques proposent un bouton de réinitialisation (texte Réinitialiser les paramètres) qui apparaît dès qu'au moins une valeur est définie. Il efface l'ensemble des réglages de la rubrique pour revenir au comportement par défaut (souvent celui du thème).
Liste des rubriques
| Rubrique | Page de doc |
|---|---|
| Visibilité : affiche ou masque l'élément sur ordinateur, mobile, ou les deux | Visibilité |
| Style du texte : police, taille, alignement, casse, couleur | Style du texte |
| Positionnement : alignement vertical du contenu | Positionnement |
| Arrière-plan : couleur unie, dégradé ou image | Arrière-plan |
| Espacement intérieur : marges intérieures sur les quatre côtés | Espacement intérieur |
| Bordure : style, épaisseur, couleur et côtés à border | Bordure |
| Bord arrondi : arrondi global ou par coin | Bord arrondi |
| Ombre : ombre portée réaliste, plate ou prédéfinie | Ombre |
| Maquette : encadrement dans un appareil (iPhone, MacBook, iMac…) | Maquette |
| Filtre : opacité, luminosité, contraste, sépia, flou… | Filtre |
| Animation : apparition à l'écran (fondu, zoom, glissement…) | Animation |
Toutes les rubriques ne sont pas affichées sur tous les types d'éléments : la rubrique Style du texte n'apparaît que sur les éléments qui contiennent du texte, Maquette uniquement sur les images et vidéos, etc. Les éléments dont le texte n'est pas éditable librement (Réseaux sociaux, Action de bouton, Menu langue) remplacent Style du texte par deux rubriques réduites, Taille et Couleur. Les éléments Navigation et Réseaux sociaux ajoutent un sélecteur Direction dans la rubrique Positionnement.