En-tête double couleur d'élément libre : style deux parties de texte indépendamment

Pourquoi se contenter d'un ton quand votre titre peut parler à deux voix ? un seul titre plat a du mal à capturer la nuance, le contraste ou l'énergie Le Master Addons Dual Heading Element brise la structure Il vous permet de créer des titres à partir de deux parties de texte de style indépendant Rendre un mot audacieux et coloré, le prochain subtil et raffiné Ajouter une icône pour le flair et une description pour le contexte Avec des contrôles séparés pour chaque segment, vous pouvez créer une hiérarchie visuelle, mettre l'accent sur les phrases clés et concevoir des titres impossibles à ignorer.

Double contenu et structure indépendants

Double contenu et structure indépendants

Commencez par écrire les deux composants de votre titre Saisissez votre premier titre (comme “CREATE”) et votre deuxième titre (comme “IMPACT”).Vous pouvez lier l'une ou l'autre partie à une URL, en la transformant en un appel à l'action cliquable Ci-dessous, ajoutez un paragraphe Description pour le contexte de support Choisissez le Heading Tag sémantique (H1 à H6) pour le référencement et la structure Cette séparation simple mais puissante est le fondement des titres à la fois informatifs et stratégiquement superposés.

  • Entrée de texte en deux parties : champs séparés pour le premier titre et le deuxième titre pour créer des phrases contrastées ou complémentaires.
  • Liens orientés vers l'action : ajoutez une URL de titre à l'une ou l'autre partie de titre, en transformant les mots-clés en liens cliquables.
  • Contexte à l'appui : Inclure une description complète ou un sous-titre sous le titre principal double.

Typographie et antécédents

C'est là que la magie se produit Style le Premier Titre et le Deuxième Titre de façon totalement indépendante Donnez à chacun sa propre Couleur de Texte, sa Typographie (police, taille, poids), et même une couleur d'Arrière-plan ou un dégradé unique Ajustez le Rembourrage et la Marge autour de chaque bloc de texte pour créer de l'espace ou les chevaucher pour des effets créatifs Séparation complète de Typographie : Appliquez différentes polices, tailles et poids sur les Premier et Deuxième Titres.

  • Arrière-plans individuels : ajoutez des arrière-plans colorés ou dégradés derrière chaque partie de tête pour un effet de type badge.
  • Contrôle d'espacement : utilisez les commandes de remplissage et de marge pour positionner les deux titres l'un par rapport à l'autre.
  • Schémas de couleurs illimités : utilisez des couleurs contrastées ou complémentaires pour rendre votre titre dynamique.
Typographie et antécédents
Visionneuse de modèles
Facebook
Twitter
WhatsApp
Copier le lien
Acheter Maintenant
Double rubrique
Double rubrique
Double titre avec arrière-plans
Double titre avec arrière-plans
Grille de projet de studio intérieur
Grille de projet de studio intérieur
En-tête du menu du restaurant avec icône
En-tête du menu du restaurant avec icône
Éditorial d'architecture sombre (Style 1)
Éditorial d'architecture sombre (Style 1)
Section fractionnée immobilière, alignée à gauche
Section fractionnée immobilière, alignée à gauche
Horaire de gymnastique avec cap surligné
Horaire de gymnastique avec cap surligné
Voyages de voyage avec le titre de l'insigne de pilule
Voyages de voyage avec le titre de l'insigne de pilule
Portefeuille de mariage serif (Style 1)
Portefeuille de mariage serif (Style 1)
En-tête de boutique compact avec icône
En-tête de boutique compact avec icône
Histoire d'artisanat sombre
Histoire d'artisanat sombre
Panneau de méthode divisé
Panneau de méthode divisé
Graphique des prix de référence
Graphique des prix de référence
Cartes à pas numérotées
Cartes à pas numérotées
Carte d'origine en verre
Carte d'origine en verre
Chronologie de l'étape sombre
Chronologie de l'étape sombre

Questions fréquemment posées pour la double rubrique

Découvrez les requêtes les plus demandées par les utilisateurs sur Dual Heading et trouvez des réponses en un seul endroit.
Quelle est la meilleure façon d'utiliser les deux rubriques ?

Oui, mais utilisez-le à bon escient Vous devriez définir le Heading Tag en fonction de l'importance de ce titre sur la page (probablement H1 ou H2).Les moteurs de recherche liront le texte des deux parties comme une seule unité de titre Évitez le bourrage de mots clés ; utilisez-le pour les titres naturels et convaincants.

L'élément est entièrement réactif Les deux titres, description et icône s'empileront ou passeront à l'échelle de manière appropriée Les contrôles de typographie indépendants signifient que vous pouvez également utiliser le mode réactif d'Elementor pour effectuer des ajustements spécifiques pour mobile, comme réduire la différence de taille de police entre les deux titres pour un look plus équilibré sur les petits écrans.

Oui, mais utilisez-le à bon escient Vous devriez définir le Heading Tag en fonction de l'importance de ce titre sur la page (probablement H1 ou H2).Les moteurs de recherche liront le texte des deux parties comme une seule unité de titre Évitez le bourrage de mots clés ; utilisez-le pour les titres naturels et convaincants.

Comment ça se présente sur mobile ?

L'élément est entièrement réactif Les deux titres, description et icône s'empileront ou passeront à l'échelle de manière appropriée Les contrôles de typographie indépendants signifient que vous pouvez également utiliser le mode réactif d'Elementor pour effectuer des ajustements spécifiques pour mobile, comme réduire la différence de taille de police entre les deux titres pour un look plus équilibré sur les petits écrans.

Vous pouvez simplement laisser le champ Deuxième titre vide L'élément affichera alors uniquement le premier titre et la description, fonctionnant comme un widget à un seul titre avec tout le même pouvoir de style.

Widgets et extensions d'éléments tendance

Construisez des sites Web sophistiqués en moins de temps.

Master Addons Extension de glassmorphisme pour Elementor : cartes en verre dépoli avec le contrôle Blur Value réglé sur 20px

Glassmorphisme

Accueil Extension de glassmorphisme des éléments libres : l'effet du verre givré en un seul bascule Le glassmorphisme est givré...
Voir Détails
Extension d'extras de conteneur Master Addons pour élémenteur : conteneur bouché à une largeur maximale de 1 400 px, avec des commandes de largeur maximale, de hauteur maximale, de largeur minimale et de hauteur minimale

Extras de conteneurs

Accueil Elementor Container Max Width et Max Height Controls Container Extras est un Master gratuit...
Voir Détails
Extension de modèles Master Addons pour Elementor : héros avec le style Purple Gradient Grid Left, trois autres styles de modèles et le panneau Enable Pattern

Modèles

Accueil 70+ Motifs d'arrière-plan d'élément libre Patterns est une extension gratuite Master Addons qui ajoute...
Voir Détails
Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]

Duplicateur de messages/pages

Accueil Dupliquer les pages et les messages des éléments en un clic Le duplicateur de messages/pages est un maître gratuit...
Voir Détails
Modules principaux Lire l'extension de la barre de progression pour Elementor : barre bleue remplie à 42 % en haut d'une page de politique de confidentialité, avec les paramètres d'activation, de position, de hauteur et de couleur de remplissage

Barre de progression de lecture

Accueil Ajouter une barre de progression de lecture dans WordPress (Elementor) La barre de progression de lecture est gratuite...
Voir Détails