ElementsKit est le module complémentaire Elementor compact qui comprend toutes les fonctionnalités personnalisables dont vous avez besoin pour votre site WordPress à l'aide de plus de 85 widgets, extensions et modules ElementsKit. Cela inclut le widget de titre de titre Elementor qui vous permet d'ajouter un titre personnalisé aux pages de votre site Web WordPress.

Comment changer le style de titre dans un Elementor ? #

En utilisant le Widget de titre ElementsKit vous pouvez styliser les titres des pages WordPress comme vous le souhaitez. Pour utiliser le widget, vous devez disposer du Plugin ElementsKit installé sur votre site WordPress. Après cela, activez le widget Titre, puis configurez les attributs du titre du titre Elementor et personnalisez le style du titre. Lisez cette documentation pour apprendre comment utiliser le widget de titre ElementsKit pour Elementor.

Étape 1 : Activer le widget de titre #

Pour utiliser le widget de titre de titre Elementor d'ElementsKit, vous devez d'abord activer le widget.

1. Aller à ElementsKit > Widgets depuis votre tableau de bord WordPress.
2. Trouvez le Widget de titre et activez le widget.
3. Clique sur le SAUVEGARDER LES MODIFICATIONS bouton dans le coin supérieur droit.

Étape 2 : Configurez le titre du titre dans Elementor #

Ouvrez maintenant l'éditeur Elementor, puis glisser déposer le widget d'en-tête ElementsKit. Vous pouvez configurer le titre, le sous-titre, la description du titre, le texte ombré et le séparateur.

2.1 Titre #

Dans la section Titre, 

1. Entrer le Titre du titre. Vous pouvez attirer l'attention sur une partie du titre en plaçant cette partie sous la parenthèse {}.
2. Ajouter une URL Lien pour le titre de l’en-tête Elementor.
3. Sélectionnez le Balise HTML de titre (H1, H2, H3,…) pour le titre.

4. Activer Afficher la bordure pour afficher la bordure à côté du titre du titre. Lorsque vous activez la bordure du titre, l'option Border Position apparaîtra.
5. Choisissez le titre Position frontière à partir de l'option donnée : Commencer ou Fin du titre.
6. Activer le Flotteur à gauche option. Lorsque Flottant à gauche est activé, l’option Largeur du titre apparaîtra.
7. Après cela, vous pourrez vous adapter Largeur du titre 

2.2 Sous-titre #

Pour afficher les sous-titres, activez d'abord l'option Afficher le sous-titre option.

1. Entrer Titre Sous-titre.
2. Ensemble Position du sous-titre à partir de l'option donnée : Avant le titre et Après le titre.
3. Sélectionnez le Balise HTML de sous-titre (H1, H2, H3,…) à partir de l’option donnée.
4. Vous pouvez activer le Afficher le contour option. [Remarque : Cette option ne fonctionne que si le sous-titre de bordure est désactivé.]

Vous pouvez également activer Sous-titre de la bordure pour afficher la bordure autour du sous-titre. Lorsque vous activez la bordure des sous-titres, l'affichage du contour sera désactivé.

2.3 Description du titre #

Pour afficher la description à côté du titre de la rubrique,

1. Activer le Montrer la description fonctionnalité pour le widget de titre de titre.
2. Entrer le Titre Description sur le terrain concerné.
3. Vous pouvez ajuster le Largeur maximale pour le descriptif.

2.4 Texte fantôme #

Pour afficher un texte ombré,

1. Activer le Afficher le texte ombré fonctionnalité.
2. Entrer le Contexte de l'ombre.

2.5 Séparateur #

Pour afficher le séparateur d'un titre de titre, 

1. Activer le Afficher le séparateur fonctionnalité pour le titre de l’en-tête Elementor.
2. Sélectionnez le Style de séparateur parmi les options proposées : Pointillé, Solide, Solide avec étoile, Solide avec puce et/ou Personnalisé.
3. Met le Position du séparateur en haut du titre, avant le titre, après le titre ou en bas du titre.

Style de séparateur personnalisé :

Quand tu choisis Style de séparateur à Coutume, vous pouvez choisir l'image et la taille de l'image.

1. Sélectionner Style de séparateur à Coutume.
2. Choisir une image de la médiathèque.
3. Choisir la Taille de l'image taille à partir de l’option donnée.

Étape 3 : Personnalisez le style du widget de titre de titre #

À l’aide du widget de titre de titre d’ElementsKit pour Elementor, vous pouvez personnaliser le titre, le titre ciblé, le sous-titre, la description du titre, le séparateur et le texte ombré.

3.1 Général #

Sous la section Général, définissez le Alignement à gauche, à droite ou au centre.

3.2 Titre #

Pour personnaliser le style de titre dans le widget de titre de titre,

1. Sélectionnez le Couleur pour le titre.
2. Sélectionnez le Couleur de survol pour le titre.
3. Ajuster Ombre de texte.
4. Ensemble Marge pour le titre de la rubrique.
5. Ensemble Typographie.

Pour le titre Border,

6. Ajuster Largeur de la bordure.
7. Ajuster Hauteur de la bordure.
8. Met le Position verticale.
9. Ajuste le Espace droit entre la bordure et le texte du titre.
10. Sélectionnez le Type d'arrière-plan pour la bordure du titre.

3.3 Titre ciblé #

Pour personnaliser un titre ciblé,

1. Sélectionnez le Couleur pour le titre ciblé.
2. Choisir Couleur de survol pour le titre ciblé.
3. Met le Typographie.
4. Vous pouvez définir un Couleur de décoration du texte.
5. Option à définir Ombre de texte est également disponible.
6. Ensemble Rembourrage pour le titre ciblé.

Couleur d’arrière-plan pour le titre ciblé :

[Remarque : lorsque vous activez cette fonctionnalité, Utiliser le remplissage de texte la fonctionnalité ne sera pas disponible. De même, lorsque le remplissage de texte est activé, la couleur d'arrière-plan du titre ciblé ne sera pas disponible.]

1. Activer le Utiliser la couleur d'arrière-plan sur le texte fonctionnalité.

Une fois activées, les fonctionnalités suivantes apparaîtront :

2. Sélectionnez le Type d'arrière-plan.
3. Choisir Couleur de l'arrière plan
4. Ensemble Rayon de frontière pour l'arrière-plan du titre ciblé.

Remplissage de texte pour le titre ciblé :

[Remarque : lorsque Couleur d’arrière-plan du titre ciblé est activé, cette fonctionnalité n'apparaîtra pas. De même, lorsque Remplissage de texte est activé, la couleur d'arrière-plan du titre ciblé ne sera pas disponible]

5. Activer le Utiliser le remplissage de texte fonctionnalité pour le titre ciblé.

Une fois activées, les fonctionnalités suivantes apparaîtront :

6. Sélectionnez le Type d'arrière-plan pour le remplissage de texte.
7. Choisissez le remplissage du texte Couleur.

3.4 Sous-titre #

Pour personnaliser les styles de sous-titres,

1. Choisir Couleur pour le sous-titre.
2. Met le Typographie du texte du sous-titre.
3. Ajuster Marge pour le sous-titre.
4. Ajuster Rembourrage pour le sous-titre.

Remplissage du texte pour le sous-titre :

5. Activer le Utiliser le remplissage de texte fonctionnalité pour les sous-titres.

Une fois activées, les fonctionnalités suivantes apparaîtront :

6. Sélectionnez le Type d'arrière-plan du sous-titre.
7. Choisissez le remplissage du texte des sous-titres Couleur

Aperçu du sous-titre :

Vous pouvez dessiner un contour autour du sous-titre.

8. Sélectionnez le Type de bordure pour le plan des sous-titres.
9. Met le Largeur du contour.
10.  Choisissez la bordure Couleur.
11. Ajuste le Rayon du contour pour le sous-titre.

3.5 Titre Description #

Pour personnaliser la description du titre,

1. Choisir la Titre Description couleur.
2. Met le Typographie.
3. Ajuste le Marge pour la description du titre.

3.6 Séparateur #

Pour le titre Séparateur,

1. Ajuster le séparateur Largeur.
2. Ajuster le séparateur Hauteur.
3. Ensemble Marge pour séparateur.
4. Choisis un Couleur du séparateur.

3.7 Texte fantôme #

Pour personnaliser le style d'ombre du texte,

1. Ajuste le Position du texte fantôme.
2. Met le Typographie.
3. Choisissez l'ombre Couleur du texte.
4. Ajuster Largeur de la bordure.
5. Choisis un Couleur de la bordure pour le texte ombré.

C'est à peu près ça. Vous pouvez enfin ajouter un titre de titre élégant et personnalisable dans Elementor avec des sous-titres, des descriptions et du texte ombré, à l'aide du widget de titre Elementskit.