Que sont les options de design
La plupart des blocs ont un onglet Design dans l’inspecteur de droite. Les options de design vous permettent de remplacer le style visuel d’un seul bloc sans modifier le reste de la page. Lorsqu’un champ de design est laissé vide (affichant « Theme default »), le bloc hérite de sa valeur depuis le thème actif.
L'onglet Design sur un bloc Description, montrant les groupes Card Style, Effects et Typography
Comment accéder aux options de design
1
Sélectionner un bloc
Cliquez sur un bloc dans le canevas ou dans la barre latérale gauche pour le sélectionner.
2
Ouvrir l'onglet Design
Dans le panneau de droite, cliquez sur l’onglet Design. (Si un bloc n’a aucun style visuel à remplacer, cet onglet est désactivé — par exemple, Footer, Menu et Contact Details n’ont pas du tout d’onglet Design.)
3
Ajuster une option
Le canevas se met à jour en temps réel.
Typography
Les options de style de texte apparaissent sur les blocs qui contiennent du texte de paragraphe, des titres ou des libellés — Page Title, Description, Event Schedule, Event Venue, Couple Names, et d’autres.
Le menu déroulant Font Size ouvert sur l'onglet Design d'un bloc, montrant la liste complète des multiplicateurs de 0,5× à 4×
Card style
Les options de style de carte contrôlent l’apparence du conteneur d’un bloc. Elles apparaissent ensemble sur tout bloc ayant une présence visuelle de carte (Description, Coupon Details, About Us, Brand Info, et la plupart des autres).Effects (par bloc)
En plus de Card Background, la plupart des blocs basés sur des cartes exposent trois remplacements supplémentaires sous un groupe Effects dans l’onglet Design :Card Surface et Shadow sont des remplacements par bloc des mêmes tokens définis globalement dans la section Surface du thème (voir Thèmes). Les définir ici n’affecte que le bloc sélectionné ; tout le reste de la page continue d’utiliser les valeurs du thème.
Button styles
Les options de style de bouton apparaissent sur le bloc Button et sur les blocs comportant un bouton intégré (Map, File Download).Icon styles
Les options de style d’icône apparaissent sur les blocs qui affichent une icône décorative. Confirmé en production sur le bloc Event Venue (pages Wedding/Event) :
L'onglet Design d'Event Venue, montrant le champ Icon colour sous un groupe ICON
Tous les blocs comportant une icône n’ont pas ce contrôle — par exemple, Contact Us affiche des icônes mais n’a aucun remplacement Icon colour dans son onglet Design.
Separator styles
Les options de style de séparateur apparaissent sur les blocs qui incluent une ligne décorative intégrée. Confirmé en production sur le bloc Couple Names (pages Wedding) :
L'onglet Design de Couple Names, montrant le groupe SEPARATOR avec Separator style et Separator colour
Effets au niveau de la page
De nombreux blocs permettent, dans leur groupe Effects, de remplacer uniquement pour eux-mêmes l’effet par défaut de fond, de carte ou de bouton du thème. Voir Effets animés pour la liste complète et la manière de définir les valeurs par défaut au niveau du thème.Priorité
Les options de design suivent cet ordre de priorité (du plus élevé au plus faible) :- Réglage de l’onglet Design par bloc (s’il est défini)
- Remplacement de thème au niveau de la page (dans le panneau Customise du sélecteur de thèmes)
- Valeur par défaut du thème prédéfini
Conseils
- Utilisez les remplacements par bloc avec parcimonie. Remplacer trop de blocs individuellement rend la page visuellement incohérente. Appliquez la majeure partie de la personnalisation via le thème, et réservez les remplacements par bloc à des mises en avant spécifiques.
- Pour mettre en avant un seul bloc Button, donnez-lui une couleur de bouton distinctive tout en laissant les autres blocs aux valeurs par défaut du thème.
- Si vous voulez qu’un bloc se démarque — pour une section d’appel ou une information importante — définissez explicitement son Card Background plutôt que de modifier tout le thème.
Voir aussi
- Thèmes — les tokens au niveau de la page auxquels ces remplacements par bloc font défaut.
- Effets animés — le catalogue complet derrière les options Card Effect et Button Effect.
- Référence des blocs — quels blocs exposent un onglet Design.