5 novembre 2025

Styles. Un système de stylisation unifié pour votre site web

Configurez la typographie, les boutons et la palette de couleurs de votre projet en un seul endroit. Appliquez des styles aux éléments du site web en quelques clics seulement. Si vous devez mettre à jour le design, il vous suffit de modifier le style : toutes les modifications seront automatiquement appliquées à l'ensemble du site web.

Où trouver: Paramètres du site → Couleurs et styles → Gérer les styles

Comment les styles améliorent votre flux de travail

  • Création de sites web plus rapide. Vous n'avez pas besoin de personnaliser chaque nouveau bouton ou titre à partir de zéro. Il vous suffit de sélectionner un style et tous les paramètres de typographie et d'apparence seront automatiquement appliqués.

  • Gain de temps lors de la mise à jour du design. Imaginez que vous ayez créé un site web et que vous décidiez par la suite de modifier la taille, la couleur ou la police de votre titre. Auparavant, cela pouvait prendre des heures. Désormais, grâce aux styles, vous pouvez les mettre à jour en quelques clics directement dans les paramètres du site.

  • Identité visuelle cohérente. L'utilisation des styles facilite le maintien d'une apparence et d'une ergonomie uniformes sur toutes les pages. Lorsque les titres, le texte et les boutons sont stylisés de manière cohérente, le site web semble soigné et professionnel.

Ce que vous pouvez personnaliser à l'aide des styles

Typographie
Définissez l'apparence des titres, sous-titres, corps de texte et autres éléments textuels. Par exemple, vous pouvez définir la police Tilda Sans, une taille de police de 36 px et une graisse de police Gras pour tous les titres du site web. Pour le corps de texte, vous pouvez définir une taille de police plus petite de 24 px et choisir une graisse Normale au lieu de Gras.
Comment appliquer un style typographique : dans les paramètres du bloc, ouvrez l'onglet Typographie → Styles → choisissez un style. Il s'appliquera automatiquement au bloc. Ou cliquez sur n'importe quel élément de texte tout en appuyant sur Cmd/Ctrl et sélectionnez un style dans le widget d'accès rapide.
Boutons
Vous pouvez définir la couleur, la bordure, le rayon, le remplissage et l'ombre du bouton, et ajouter une icône. Vous pouvez également configurer un effet de survol, par exemple agrandir le bouton au survol ou modifier sa couleur d'arrière-plan.
Comment appliquer un style à un bouton : dans les paramètres du bloc, ouvrez l'onglet Bouton → Styles → choisissez un style pour le bouton. Vous pouvez également cliquer sur le bouton sur la page et choisir un style dans le widget qui s'affiche.
La typographie et les styles de boutons prennent en charge les paramètres réactifs, ce qui vous permet de définir différentes valeurs pour les points d'arrêt sur ordinateur, tablette et mobile (par exemple, une taille d'en-tête plus petite sur mobile).
Couleurs
Créez une palette de couleurs afin d'assurer la cohérence visuelle de votre site web. Par exemple, le gris et le beige peuvent servir de couleurs principales, tandis que le rose peut être utilisé comme couleur d'accentuation. De cette façon, vous pouvez appliquer plus rapidement les couleurs souhaitées, par exemple pour les onglets ou les couvertures de page.
Comment appliquer une couleur à partir de la palette. Dans le bloc Paramètres, lorsque vous sélectionnez la couleur d'un élément, un widget s'ouvre. Sélectionnez Styles du projet dans le menu déroulant et choisissez la couleur souhaitée.

Exportation et importation de styles

Vous pouvez télécharger les styles de votre projet et les réutiliser dans un autre projet Tilda.
Pour exporter un style, dans Paramètres du site → Couleurs et styles, cliquez sur Gérer les styles et sélectionnez Télécharger les styles. Vous obtiendrez un fichier .tildastyles portant le nom de votre projet.
Pour importer un style, cliquez sur « Télécharger des styles » dans le même menu et sélectionnez un fichier .tildastyles (les autres extensions de fichier ne peuvent pas être téléchargées). Les styles nouvellement ajoutés apparaîtront à côté de ceux déjà existants.
Nous aimerions connaître votre avis sur cette nouvelle fonctionnalité. N'hésitez pas à le partager sur les réseaux sociaux. Si vous avez des suggestions d'amélioration, contactez notre équipe d'assistance depuis votre compte ou envoyez un e-mail à team@tilda.cc.
Voir aussi

Personnalisez l'apparence et la convivialité de votre quiz, ajoutez un message de bienvenue et des invites d'aide virtuelles, et configurez les résultats en fonction des réponses des utilisateurs.

En savoir plus

Transformez les éléments groupés en un seul élément et personnalisez ses paramètres.

En savoir plus
Fabriqué le
Tilda