Comment changer la typographie des polices et les paramètres de couleur dans Elementor : un guide détaillé

en utilisant Elementor Lors de la conception d'un site web, leTypographie et couleurs des policesElementor offre une gamme d'options de conception flexibles qui peuvent être facilement adaptées à l'apparence générale et à l'expérience utilisateur d'un site web.Taille du texte, couleur, famille de polices, poids des policeset d'autres paramètres typographiques. Ces options sont généralement disponibles dans la section "typeL'onglet " est trouvé.

Modification des paramètres de typographie des polices

La typographie ne se limite pas au choix de la taille et de la couleur des polices ; elle inclut également l'ajustement d'autres propriétés typographiques importantes telles que la famille de polices, le poids des polices, la hauteur des lignes et l'espacement des mots. Voici les étapes à suivre pour modifier la typographie des polices dans Elementor.

1. ouvrir les paramètres de mise en page

Allez dans l'éditeur Elementor et sélectionnez les widgets sur la page où vous souhaitez modifier le texte. Chaque widget lié au texte (par ex.légende) peuvent être éditées pour la typographie des polices. Suivant :

• Cliquez "type"Onglet.

• Trouvez-le."typographique"Cette section permet d'ajuster diverses propriétés de la police.

2. Changer de policegamme

La famille de polices détermine le style et la personnalité du texte. Il est donc essentiel de choisir la bonne police pour votre marque.

• Cliquez "typographique"dans le menuSérie de polices"Menu déroulant.

• Les différentes familles de polices disponibles sont indiquées dans le menu déroulant. Faites défiler la liste ou tapez le nom de la police dans le champ de recherche.
• Si vous avez configuré des polices globales dans les paramètres globaux, vous pouvez cliquer sur "Icônes de la Terre"pour utiliser une police globale. Cela permettra d'assurer la cohérence de l'ensemble du site.

Réglages globaux des polices

Les polices globales sont une fonctionnalité fournie par Elementor qui vous permet d'utiliser le même ensemble de polices prédéfinies sur l'ensemble de votre site. Pour utiliser les polices globales :

• Dans "Série de polices"Cliquez dans le champ "Icônes de la Terre", puis sélectionnez la police globale prédéfinie.

• Si vous avez besoin de personnaliser la police globale, naviguez vers "réglage global"pour configurer la police globale que vous souhaitez.

3. réglage de la taille de la police

La taille de la police peut affecter la lisibilité du texte, en particulier sur les appareils mobiles. Utilisez le curseur de taille de police d'Elementor pour définir facilement différentes tailles de police pour différents appareils.

• Dans "typographique"Rechercher dans les paramètres"ampleur"Slider.

• Faites glisser le curseur pour augmenter ou diminuer la taille de la police. Vous pouvez également saisir la valeur spécifique que vous souhaitez directement dans la boîte de valeur.
• Elementor propose des fonctions de configuration réactives qui peuvent être définies séparément pour la pageOrdinateurs de bureau, tablettes et appareils mobilesDéfinissez différentes tailles de police.

4. réglage du poids des mots, de la hauteur des lignes et de l'espacement des mots

Pour personnaliser davantage le style du texte, vous pouvez définir la graisse des mots, la hauteur des lignes et l'espacement des mots :

• poids du motLe poids de la police : Le poids de la police détermine l'épaisseur de la police. Vous pouvez choisir "normalité","gras (police de caractères)","extrêmement fin"et d'autres styles de poids de police différents, en fonction de la famille de polices choisie.

• votre taille (honorifique)Hauteur de ligne : La hauteur de ligne contrôle l'espacement vertical entre les lignes de texte, et un réglage correct de la hauteur de ligne peut améliorer la lisibilité du texte.

• espacement des motsL'espacement des mots : L'espacement des mots est la distance horizontale entre chaque lettre. En augmentant l'espacement entre les mots, vous pouvez donner au texte un aspect plus clair et, inversement, plus compact.

5. utilisation de paramètres de mise en page personnalisés

Si, pour certains widgets, vous souhaitez utiliser l'optionpersonnalisationParamètres typographiques sans affecter leStyle de police globalqui peut être réglé en ajustant individuellement les paramètres typographiques du widget :

• Cliquez "typographiqueL'onglet "Typographie" avec l'icône en forme de crayon permet d'activer les paramètres de typographie personnalisés.

• Des ajustements sont effectués sur les caractéristiques souhaitées (taille de la police, graisse de la police, hauteur de ligne, etc.) Ces réglages n'affectent pas le style typographique global du site.

Modifier la couleur de la police

Outre les paramètres typographiquescouleurElementor propose un outil pratique de sélection des couleurs qui vous permet de définir des couleurs spécifiques pour le texte.

1) Dans l'onglet Style, recherchez "Couleur du texte"Champ

Tout d'abord, sélectionnez le widget que vous souhaitez modifier et accédez à sa section "typeDans l'onglet "Recherche", trouvez "Couleur du texte"Réglages".

• "Couleur du texte"L'option est généralement située dans le "typeVous trouverez la section correspondante dans l'onglet "Contenu".

• frappe (sur le clavier)Changer de couleurpour ouvrir le sélecteur de couleurs.

2. la sélection des couleurs globales

Si vous utilisez des couleurs globales, cliquez sur "Icônes de la Terre"Sélectionnez la couleur globale prédéfinie du site.

Cela permet de conserver des couleurs cohérentes sur l'ensemble du site et tous les widgets qui utilisent cette couleur seront automatiquement mis à jour lorsque la couleur globale sera modifiée.

• Cliquez "Icônes de la Terre"après avoir sélectionné la couleur globale que vous souhaitez appliquer. Si la couleur est requisepersonnalisationCouleurs globales, rendez-vous dans la section "réglage global"Partiellement changé.

3. l'utilisation de sélecteurs de couleurs

Si vous souhaitez personnaliser lewidgetAu lieu d'utiliser la couleur globale, vous pouvez utiliser le sélecteur de couleurs pour sélectionner la couleur appropriée.

• Cliquez sur le champ de la couleur pour faire apparaître le panneau de sélection des couleurs.
• Veillez à la précision des couleurs en sélectionnant un échantillon de couleur ou en saisissant le code hexadécimal, la valeur RVB ou HSL de la couleur.
• Elementor vous permet également de définir un effet de gradient de couleur, ce qui rend les couleurs du texte plus stratifiées et visuellement attrayantes.

résumés

Elementor En tant que puissant outil de création de sites web, il offre de nombreuses options pour les paramètres de typographie et de couleur. En suivant ces étapes, vous pouvez facilement ajuster la taille de la police, la couleur, la famille et d'autres attributs pour créer un site web qui correspond à votre style. Que vous souhaitiez assurer la cohérence de votre site web grâce à des paramètres globaux ou donner un style unique à certains widgets grâce à une typographie personnalisée, Elementor dispose de la flexibilité nécessaire pour répondre à vos besoins.