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

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.

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.

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.

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.