Relier un réglage à une variable compatible

Une valeur fixe choisit directement la couleur d’un élément. Une liaison utilise la valeur d’une propriété du bloc : si cette propriété change, les réglages reliés la reprennent. C’est utile pour préparer un bloc personnalisable sans régler chaque élément séparément.

1. Vérifier les propriétés disponibles

Ce parcours utilise un bloc qui possède déjà des propriétés de type Couleur, renseignées avec le sélecteur de couleurs du thème. Dans la démonstration, couleurTitre pilote le titre et couleurFond pilote le fond. Une propriété numérique, duree, n’est pas proposée pour une couleur.

Dans Design, passez en Expert et sélectionnez l’élément à régler. Les commandes restent nocode. Un réglage ne propose que les propriétés compatibles du bloc actif : la présence d’une propriété sur un autre bloc ne suffit pas.

Une couleur du thème et une propriété de bloc ont des portées différentes. La couleur du thème appartient à la palette du site. La liaison décrite ici lit une propriété préparée sur le bloc.

2. Relier la couleur du texte

Dans Texte, repérez Couleur et survolez sa ligne. Lorsqu’une propriété compatible existe, la commande Lier à une variable apparaît près du réglage. Ouvrez-la, puis choisissez la propriété à utiliser.

Le réglage affiche le nom de la propriété liée. Dans la démonstration, choisir couleurTitre donne au titre la couleur portée par cette propriété. Cette liaison remplace la couleur fixe pour ce réglage ; elle ne relie pas automatiquement tous les textes du bloc.

Si plusieurs propriétés de couleur sont proposées, choisissez celle qui correspond à votre intention. Le nom doit permettre de comprendre ce qu’elle pilote.

3. Retirer une liaison et choisir une valeur fixe

Ouvrez la commande de liaison active, puis choisissez Supprimer la liaison. Cela retire le lien avec la propriété, sans supprimer la propriété elle-même.

Le retrait ne garantit pas le retour à l’ancienne couleur fixe : choisissez ensuite la valeur souhaitée avec le sélecteur de couleur. Si le réglage disparaît parce qu’il n’a plus de valeur, ajoutez à nouveau Couleur avec + dans le groupe Texte.

La démonstration retire la liaison et choisit une couleur fixe du thème. Elle réapplique ensuite couleurTitre. Ce changement de choix n’affecte pas le texte du titre.

4. Relier aussi un fond

Sélectionnez le conteneur dont vous voulez régler le fond. Dans Arrière-plan, survolez la ligne du réglage de couleur, puis utilisez sa commande de liaison. Choisissez une propriété compatible, par exemple couleurFond.

Le texte et le fond peuvent donc utiliser deux propriétés différentes. Ne choisissez pas la même couleur pour les deux si cela rend le texte illisible. Cette liaison ne remplace pas tous les autres réglages du conteneur, comme sa marge intérieure ou son arrondi.

5. Comprendre l’absence de choix compatible

Si aucune propriété compatible n’existe dans le bloc, la petite commande de liaison n’apparaît pas. Le menu des conditions du réglage peut alors indiquer Pas de variables compatibles disponibles.

Vérifiez le bloc sélectionné, le type de la propriété et sa valeur. Pour une couleur, une propriété de texte ou un nombre ne suffit pas. Préparer les propriétés du bloc est une étape distincte, généralement réalisée lors de la construction d’un composant ou par la personne qui prépare le modèle.

Utilisez une couleur fixe si vous n’avez pas encore de propriété adaptée.

6. Enregistrer et vérifier la propagation

Enregistrez et rechargez la page. Les noms des propriétés liées doivent être retrouvés et le rendu doit suivre leur valeur.

Lorsque la valeur de la propriété change, vérifiez les éléments qui la lisent. Notre contrôle change couleurTitre et confirme que le titre reprend sa nouvelle couleur ; le fond, relié à couleurFond, garde sa propre valeur.

Ouvrez la prévisualisation publiée sur ordinateur et téléphone. Contrôlez la couleur, le contraste et le contenu. Une liaison relie un réglage précis : elle ne crée pas à elle seule une animation, une condition d’écran ou une liaison à une collection du CMS.