Elementor Pro Tutoriel : Modifier les widgets d'en-tête et de paragraphe et appliquer des styles globaux

utiliser Elementor Pro Lors de la construction d'une page, l'efficacité de l'ajustement du contenu et du style influe directement sur les performances visuelles globales. Cet article explique comment utiliser les widgets de titre (Heading) et de texte (Text Editor), et présente la configuration des couleurs et des polices globales pour aider à obtenir une conception uniforme et une édition efficace.

I. Les trois zones de réglage principales des widgets Elementor Pro

Dans Elementor Pro, la plupart des widgets contiennent trois onglets de réglages principaux :

• Contenu: Remplir le texte, insérer des liens, définir HTML onglet (d'une fenêtre) (informatique)
• StyleLes fonctions de l'interface utilisateur : Ajuster les couleurs, les polices, les ombres, l'espacement, etc.
• AvancéLes paramètres de l'application : Définition de paramètres tels que les marges, la largeur, la position, l'animation du défilement, etc.

Cette structure est présente dans presque tous les composants de base, ce qui facilite une adoption rapide et une gestion unifiée.

II. éditer le widget Heading (Titre)

1. saisir le contenu du titre

frappe (sur le clavier)légendeWidget, allez dans le panneau de gauche. Après avoir saisi le texte, celui-ci se met à jour en temps réel dans le canevas.HTML Il est recommandé de choisir les balises en fonction de la structure. Par exemple, le titre principal de la page d'accueil est toujours <h1>. L'alignement peut être défini, par exemple centré.

2. définir le style de couleur

Dans l'onglet Styles, cliquez sur l'icône Terre à gauche du sélecteur de couleurs pour ouvrir la boîte à outilscouleur globalePanneau. Si l'icône est colorée, cela signifie qu'un style global est actuellement utilisé. Si elle est grise, elle indique une couleur personnalisée temporaire.

Sélectionnez un style de couleur prédéfini pour compléter rapidement la correspondance des couleurs. Vous pouvez également sélectionner manuellement une couleur ou saisir une valeur de couleur, créer une nouvelle couleur et cliquer sur "+" pour l'enregistrer en tant que couleur globale, et saisir un nom pour faciliter sa réutilisation ultérieure.

3. gérer les couleurs du site

Cliquez sur l'icône en forme de roue dentée dans le coin inférieur gauche pour accéder à la page des paramètres du site, puis sélectionnez "Couleurs globales". Vous pouvez y gérer de manière centralisée les couleurs principales, les couleurs secondaires, les couleurs de texte, etc. Il est également possible d'ajouter et de supprimer des couleurs personnalisées, ce qui permet à l'ensemble du site d'adopter un style unifié.

Troisièmement, les paramètres d'uniformisation du style de police

Elementor Pro Fournit une fonctionnalité de police globale pour aider les pages à maintenir un style typographique cohérent.

1. appliquer des styles de police globaux

Cliquez sur l'icône représentant un crayon dans l'onglet Style pour ouvrir le panneau Paramètres de police. Vous pouvez sélectionner une police Google et ajuster la taille de la police, l'épaisseur de la police, l'espacement de la police, la hauteur de ligne et d'autres propriétés. Une fois les paramètres définis, tous les modules utilisant ce style de police seront mis à jour de manière synchronisée.

2. gestion centralisée des polices de caractères

Allez dans "Polices globales" dans les paramètres du site, vous pouvez définir plusieurs rôles de police, tels que Primaire, Secondaire, Texte, etc. Vous pouvez également ajouter des rôles personnalisés pour différents scénarios, tels que les menus, les boutons, les messages-guides, etc. Vous pouvez également ajouter des rôles personnalisés pour différents scénarios, tels que des menus, des boutons, des invites, etc.

Widget de texte de paragraphe (éditeur de texte)

1. ajouter un texte de paragraphe

Faites glisser le widget de l'éditeur de texte pour taper ou coller du contenu.Elementor Pro propose des aides au texte AI intégréesVous pouvez rapidement générer, développer ou raccourcir des paragraphes en cliquant sur "Écrire avec l'IA".

Il est facile de l'affiner directement dans le canevas après qu'il a été généré.

2. définir des styles de texte

Les paragraphes de texte prennent également en charge les couleurs et les polices globales. Sélectionnez la police globale directement dans la balise de style pour qu'elle corresponde à la couleur du texte afin d'assurer l'uniformité visuelle.

3. l'adaptation de la mise en page du texte

Passez à l'onglet Avancé et réglez la largeur sur Personnalisée, puis contrôlez la largeur de ligne du contenu du paragraphe en faisant glisser le curseur pour le rendre plus lisible. Définissez l'option Aligner sur le centre pour rendre la mise en page plus logique.

V. Conclusion

Elementor Pro Fournit un puissant système de gestion des styles, avec des fonctions globales de couleur et de police, permettant d'améliorer considérablement l'efficacité de l'édition et de maintenir la cohérence globale de la conception. Les titres et les paragraphes sont les modules de base pour la construction d'une page, et une bonne maîtrise de leurs paramètres sera d'une grande utilité pour la construction des pages suivantes.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.