Ce qu’un thème contrôle
Un thème contrôle le style visuel global d’une page de destination : couleur de fond, couleur de surface, couleur de texte, couleur d’accent, police, rayon d’angle, et style d’ombre/surface. Changer de thème met instantanément à jour tous les blocs de la page — les thèmes ne modifient jamais votre contenu, seulement son apparence.Ouvrir le sélecteur de thèmes
Cliquez sur le bouton Theme dans l’en-tête du Page Builder. Le sélecteur de thèmes s’ouvre dans le panneau de droite, montrant les thèmes prédéfinis (onglet Presets) et tout thème que vous avez enregistré (onglet Saved).Thèmes prédéfinis
Le sélecteur compte 21 thèmes prédéfinis, répartis sur deux pages de 12 et 9 cartes.
Thèmes prédéfinis, page 1 sur 2 — Modern, Classic, Midnight, Emerald, Aqua, Sharp, Pill, Flat, Navy, Sage, Noir, Coral Pop
Thèmes prédéfinis, page 2 sur 2 — Terracotta Craft, Cobalt Tech, Blush Romance, Charcoal Editorial, Mint Festive, Aurora Pulse, Prism Glass, Frosted, Legacy
Cliquez sur n’importe quelle carte de thème pour l’appliquer. Le canevas se met à jour immédiatement, ce qui vous permet de comparer les thèmes sans quitter l’éditeur.
Personnalisations de thème
Après avoir sélectionné un préréglage, cliquez sur Customise sur sa carte pour ouvrir un panneau où vous pouvez remplacer indépendamment n’importe quel token de design du thème sans modifier le préréglage de base. Le panneau est organisé en sept sections, dans cet ordre :
Les sept sections rétractables du panneau Customise
Color
Remplacez individuellement les tokens de couleur du thème : Background, Surface, Surface alt, Accent, Button text (accent foreground), Heading, Body, Muted, et Border. Chaque champ retombe sur la valeur du préréglage lorsqu’il est laissé vide.Background
Choisissez comment le fond de la page est rendu — un Color uni, un Gradient (angle et points de couleur), une Image (avec des contrôles d’ajustement et d’opacité), ou une Video (avec un contrôle d’opacité) — plus un effet de fond (voir Effets animés). Block transparency — lorsqu’un effet de fond est actif, ce curseur détermine à quel point la surface propre d’un bloc « Full width » s’estompe pour laisser apparaître l’effet en dessous. Il s’applique quel que soit le type de fond.Typography
Remplacez la famille de police séparément pour les titres, le texte de corps, et les libellés/boutons. Choisissez dans la liste de polices intégrées, ou saisissez le nom de n’importe quelle Google Font (par exempleMontserrat ou Roboto) pour l’utiliser à la place de la pile par défaut du préréglage.
Les remplacements de police ici s’appliquent à tout bloc qui n’a pas son propre réglage de police par bloc. La police de l’onglet Design propre à un bloc, lorsqu’elle est définie, est prioritaire sur ce remplacement au niveau du thème.
Shape
Remplacez le rayon d’angle indépendamment pour les boutons, les cartes, les images, et les champs de saisie.Surface
Remplacez l’ombre et le style de surface utilisés pour les cartes et les blocs surélevés, y compris un contrôle Card material (Preset default / Card / Subtle / Elevated) aux côtés du contrôle de variante d’ombre.Cette section s’appelait auparavant « Shadow » dans une documentation plus ancienne. Elle est désormais nommée Surface et expose aussi un contrôle Card material en plus de la variante d’ombre. Les mêmes tokens Card Surface et Shadow peuvent être remplacés par bloc — voir Options de design.
Effects
Définissez les effets par défaut de fond, de carte et de bouton à l’échelle du thème. Voir Effets animés pour le catalogue complet.Spacing
Contrôlez l’espace de respiration utilisé par la page.- Space between blocks — l’espace vertical qui sépare chaque bloc sur la page.
- Spacing scale — un curseur qui rend tout l’espacement de la page plus compact ou plus généreux à la fois (espaces, marge intérieure des cartes, espacement entre les blocs) sans changer la taille du texte. Laissez-le à la valeur par défaut pour la densité du thème, ou ajustez-le pour une mise en page plus aérée ou plus dense.
Mode sombre et clair
Les thèmes sont définis avec une palette de couleurs fixe — ils ne basculent pas automatiquement entre le mode sombre et le mode clair selon la préférence de l’appareil du visiteur. Si vous voulez une page sombre, choisissez un préréglage sombre (par exemple Midnight ou Noir) ou définissez une couleur de fond sombre à l’aide du remplacement.Personnalisations de design par bloc
En plus des thèmes au niveau de la page, de nombreux blocs ont leur propre onglet Design dans l’inspecteur où vous pouvez remplacer les couleurs, les polices, et le style de carte pour ce bloc uniquement. Voir Options de design pour plus de détails.Réinitialiser les personnalisations
Pour supprimer un remplacement et revenir à la valeur par défaut du thème, videz le champ dans le panneau Customise. Un champ vide indique à la page d’utiliser la valeur du thème.Voir aussi
- Options de design — les remplacements par bloc des mêmes tokens définis ici.
- Effets animés — les effets de fond, de carte et de bouton définis depuis la section Effects.
- Présentation du Page Builder — où se trouve le bouton Theme dans l’en-tête de l’éditeur.