Heading widget : élaborer un en-tête avancé
Le plus agréable avec l’extension Heading widget, c’est son utilisation simplifiée et intuitive. Dans l’onglet “content”, tu retrouves les réglages principaux pour gérer le contenu de ton titre :
✅ ajouter du texte dans l’en-tête ;
✅ insérer un lien si nécessaire ;
✅ joindre une description si besoin.
Tu as également une section “ Separator”, afin de se positionner sur un type de séparateur et de l’intégrer dans Heading widget ou non. Il est possible de :
✅ laisser un vide ;
✅ ajouter une seule ligne ;
✅ inclure une ligne avec un icône, une image, ou du texte.
Dans cette partie, certaines options de style de base pour la ligne sont disponibles : styles, couleurs, épaisseur et largeur.
Pour ce qui est des paramétrages spécifiques comme la section “Responsive” dans Heading widget, pas de souci, c’est tout aussi réalisable.
Je t’en dis plus tout de suite.
Paramétrer le style pour un titre impactant sous Elementor
L’onglet “style”
Il est composé en 3 parties :
✅ la section “Style” pour vérifier l’alignement ;
✅ la section “Icône et Style d’image” pour travailler les couleurs et les effets de survol ;
✅ la section “Typographie” afin de la contrôler sur l’ensemble de l’extension Elementor.
L’onglet “advanced”
Si tu cherches à personnaliser un titre au maximum, il existe plusieurs réglages avancés additionnels dans l’extension heading widget : de la gestion de la marge, du remplissage, en passant par l’ajout d’animations d’entrée, jusqu’au code CSS ou ID à appliquer.
Voici d’autres sections importantes :
✅ la section “Background” pour gérer le type d’arrière-plan, la couleur, la taille, la position, etc. ;
✅ la section “Border”, essentielle pour le choix de la bordure, sa couleur, sa dimension, le rayons, entre autres ;
✅ la section “Responsive”, un vrai “must” dans le cas où tu devrais afficher le cap sur ordinateurs, tablettes et smartphones, afin d’observer le rendu pour chaque appareil ;
✅ la section “Custom CSS” est très utile pour insérer son propre code CSS. À noter que cette fonctionnalité n’est accessible que pour les détenteurs de Elementor Pro.
Retrouve-moi en vidéo pour plus de conseils sur l’utilisation de Heading widget.
Garde un 👀 sur www.htor.fr, l’épisode Widget Elementor #3 arrive…
