Couleurs et polices globales : la charte de votre site Elementor
Définir une fois vos couleurs et vos polices dans les Site Settings, et changer tout le site en un clic.
Les menus sont cités tels qu’ils apparaissent dans Elementor en français. Selon votre version et vos réglages de langue, certains libellés restent en anglais (Single Post, Loop Item…).
Un site cohérent utilise les mêmes couleurs et les mêmes polices partout. Elementor le permet avec ses couleurs et polices globales : vous les définissez une fois, vous les appliquez aux éléments, et une modification se répercute sur tout le site.
Ouvrir les réglages du site
Tout se passe dans les Site Settings. Deux chemins :
- dans l’éditeur, cliquez sur le logo Elementor dans la barre du haut, puis sur Site Settings ;
- dans WordPress, ouvrez Elementor › Editor et, dans la section de démarrage, cliquez sur Customize sous les couleurs globales ou les réglages du site.
Les Site Settings regroupent trois familles : le Design System (couleurs et polices globales), le Theme Style (styles par défaut des titres, boutons, images, champs de formulaire) et les Settings (identité du site, arrière-plan, mise en page, lightbox…).
Les couleurs globales
Elementor fournit quatre couleurs système : Primary, Secondary, Text et Accent. Vous pouvez les modifier mais pas les supprimer, et ajouter vos propres couleurs avec Add Color, en leur donnant un nom parlant (« Orange bouton », « Fond clair »…).
Pour utiliser une couleur globale, ouvrez le sélecteur de couleur d’un élément et choisissez-la dans la liste des couleurs globales. L’élément reste alors lié : si vous changez la couleur globale, il change aussi.
Les polices globales
Même principe : quatre styles système (Primary, Secondary, Text, Accent) et autant de styles personnalisés que nécessaire, avec police, taille, graisse et interlignage. Réglez les tailles pour le mobile aussi : un titre parfait sur ordinateur est souvent trop grand sur téléphone.
Bonne pratique : limitez-vous à deux familles de polices et à une poignée de couleurs. Chaque police et chaque graisse supplémentaire est un fichier de plus à charger.
Theme Style : les valeurs par défaut
Le Theme Style définit l’apparence par défaut des éléments HTML (titres, boutons, liens, images, champs de formulaire). Elementor le décrit comme une base de repli : il s’applique quand aucun réglage plus précis n’a été donné à l’élément. Réglez-le une fois au début, et vos nouvelles pages auront tout de suite une allure cohérente.
Si vous utilisez les éléments de l’éditeur v4, l’équivalent passe par les variables et les classes : voir Elementor v4.
