Définir les polices et couleurs globales pour Elementor

Avec Elementor ou Elementor Pro, il est possible de définir les paramètres du site vous permettent de modifier les couleurs globales en une seule fois !

Faites de ce réglage général Elementor une priorité pour éviter les fautes de style lors de la création de votre contenu.

Pourquoi utiliser les polices et couleurs globales ?

Lorsque vous créez un site Web, vos polices et couleurs doivent être les mêmes sur l'ensemble du site pour améliorer l'aspect général. Si les polices et les couleurs varient selon les pages ou les parties, les utilisateurs peuvent être désorientés. Cela peut avoir un impact négatif sur la rétention des utilisateurs et entraîner des pertes de ventes.

Vous pouvez également utiliser la continuité des polices et des couleurs sur votre site pour renforcer votre marque et aider les utilisateurs à s'en souvenir. La continuité des polices et des couleurs contribue à maintenir la pertinence de votre marque et garantit que les clients se souviendront de vous et reviendront vers vous lorsqu'ils auront besoin d'un produit ou d'un service.

Les polices et couleurs globales d'Elementor vous permettent de mettre à jour les polices et les couleurs de votre site Web à partir d'un emplacement centralisé. Cela vous évite d'avoir à ouvrir à plusieurs reprises des parties du site Web et de les modifier individuellement. Dans cet article, vous apprendrez comment procéder.

Tout d'abord, voyons comment accéder aux paramètres globaux.

Comment accéder aux paramètres globaux ?

Une fois connecté à Elementor, sélectionnez Modifier avec Elementor sur le site que vous souhaitez mettre à jour.

Sélectionnez Paramètres du site.

Dans Paramètres, sélectionnez Paramètres du site.

Les couleurs globales et les polices globales se trouvent en haut du menu Paramètres du site. Vous pouvez maintenant accéder aux polices globales ou aux couleurs globales.
Remarque : si vous modifiez les paramètres du site, cela affectera toutes les polices ou couleurs identiques utilisées sur l'ensemble de votre site Web. 

OBTENIR ELEMENTOR OU ELEMENTOR PRO

Comment modifier les polices et couleurs globales ?

Il existe quatre groupes de polices et de couleurs par défaut : principale, secondaire, texte et accent. Dans l'exemple ci-dessous, nous allons modifier tous les éléments portant la mention Principale sur votre site.

Modifier une police globale :

1. Cliquez sur Polices globales.
2. Accédez à la police portant la mention Principale (elle est répertoriée sous Polices système).
3. Sélectionnez l'icône Crayon.
4. Modifiez les attributs dans le menu Typographie.
5. Fermez le menu.
   Utilisez le menu Typographie pour modifier les attributs de vos polices et couleurs globales !

Modifier une couleur globale :

1. Cliquez sur Couleurs globales.
2. Accédez à une étiquette de police appelée Principale (elle est répertoriée sous Couleurs système).
3. Cliquez sur l'échantillon de couleur pour ouvrir le sélecteur de couleurs.
4. Sélectionnez la couleur souhaitée dans le sélecteur de couleurs.
5. Fermez le menu.
   Le sélecteur de couleurs vous permet de sélectionner une couleur ou de saisir une référence de couleur spécifique.

Comment ajouter de nouveaux groupes aux polices et couleurs globales ?

Comme indiqué ci-dessus, les polices et couleurs globales sont divisées en quatre groupes par défaut. Cependant, vous pouvez également avoir besoin d'ajouter d'autres polices et couleurs globales. Par exemple, si votre conception nécessite de nombreux titres, vous pouvez créer une couleur personnalisée et un groupe de polices personnalisé appelé « En-têtes » afin que tous vos en-têtes aient la même apparence.

Pour ce faire :

• Cliquez sur Ajouter un style ou Ajouter une couleur en bas de Polices globales ou Couleurs globales, respectivement. Cela ajoutera une nouvelle couleur globale avec un nom d'espace réservé et une couleur vide.
• Cliquez sur ajouter une couleur, choisissez une couleur, puis ajoutez à nouveau une couleur.
• Sélectionnez le nom d'espace réservé et renommez-le.
• Pour définir une couleur globale, cliquez sur l'échantillon de couleur pour ouvrir le sélecteur de couleurs.
• Sélectionnez une couleur et cliquez sur Ajouter une couleur.
• Pour définir une police globale, cliquez sur l'icône Crayon et sélectionnez le type et la taille de police.

Raccourci : comment utiliser les éléments existants pour ajouter des polices et des couleurs globales ?

Vous pouvez en fait utiliser des éléments que vous avez déjà créés pour modifier vos polices et couleurs globales, ce qui vous fait gagner du temps. Dans l'exemple ci-dessous, nous allons utiliser du texte pour ajouter une nouvelle couleur et une nouvelle police globale, mais ce processus fonctionnera pour tout élément contenant des paramètres de couleur et de typographie.

Sélectionnez le texte contenant les paramètres de couleur et de police souhaités.

• Cliquez sur l'échantillon de couleur à côté de Couleur du texte pour ouvrir le sélecteur de couleurs.
• Cliquez sur l'échantillon de couleur pour ouvrir le sélecteur de couleurs.
• Cliquez sur le bouton plus.
• Cliquez sur le signe plus pour ajouter une couleur globale.
• Saisissez un nom pour le nouveau groupe dans la fenêtre contextuelle Créer un nouveau groupe.
• Saisissez le nom de votre nouvelle couleur globale.
• Cliquez sur Créer.

• Vous avez maintenant créé un nouveau groupe de couleurs globales.
• Sélectionnez l'icône Crayon à côté de Typographie.
• Cliquez sur le bouton plus.
• Cliquez sur l'icône plus pour ajouter une nouvelle police globale.
• Saisissez un nom pour le nouveau groupe dans la fenêtre contextuelle Créer un nouveau groupe.
• Cliquez sur Créer.

Vous avez maintenant créé un nouveau groupe de polices globales. Vous disposez maintenant d'un groupe global que vous pouvez modifier comme décrit ci-dessus.

Qu'est-ce que l'échantillonneur de couleurs ?

L'échantillonneur de couleurs vous permet de choisir des couleurs en fonction du contenu de votre page. En savoir plus sur l'échantillonneur de couleurs.

Conclusion

Il n'est pas amusant de passer du temps à modifier des parties individuelles de votre site Web. Utilisez les paramètres globaux pour accélérer toutes les modifications de votre site Web !

Maintenant que vous savez tout sur les paramètres globaux, découvrez comment optimiser vos mises en page et améliorer votre productivité. Une autre façon de gagner du temps et des efforts est d'ajouter vos propres commutateurs personnalisés au sélecteur de couleurs.

OBTENIR ELEMENTOR OU ELEMENTOR PRO