Avec l’introduction de la V4, l’éditeur Elementor fait de grands progrès dans l’amélioration de son interface utilisateur, rendant la conception de sites web plus rapide et plus efficace que jamais. En utilisant la V4, vous remarquerez plusieurs changements.
Introduction des classes
Le plus grand changement dans la V4 est l’utilisation des classes. L’apparence et le comportement d’un élément – son style – sont déterminés par ses classes. Chaque élément possède au moins une classe, appelée local, qui est utilisée pour styliser cet élément individuel, et d’autres classes peuvent être facilement ajoutées. Les classes augmentent l’efficacité en permettant aux créateurs de réutiliser les styles sur l’ensemble de leur site.
Exemple : Alex crée un site web et souhaite utiliser une police standard pour la majorité du texte. Il crée une classe appelée Text qui utilise du texte noir avec une police sans serif de 12 points. Chaque fois qu’il crée un élément, il lui suffit d’ajouter la classe Text et le texte adoptera ce style.
Pour plus d’informations sur les classes, consultez :
- Les classes dans Elementor
- Le gestionnaire de classes de l’éditeur Elementor
- États des éléments
- Prioriser les styles en conflit
Standardisation
Les éléments dans l’éditeur Elementor V3 utilisaient trois onglets pour contrôler leur contenu et leur style – Contenu, Style et Avancé. Dans la V4, le nombre d’onglets a été réduit et standardisé. Chaque élément dispose désormais de deux onglets – Général et Style. L’onglet Général est personnalisé selon les besoins de l’élément tandis que l’onglet Style est standardisé pour tous les éléments. Cela vous permet d’unifier facilement l’apparence de votre site.
Pour plus d’informations sur les styles V4, consultez :
- Onglet Style – Mise en page
- Onglet Style – Espacement
- Onglet Style – Taille
- Onglet Style – Position
- Onglet Style – Typographie
- Onglet Style – Arrière-plan
- Onglet Style – Bordure
- Onglet Style – Effets
- Ajouter un arrière-plan multicouche
Plus de contrôles responsifs
Dans l’éditeur Elementor V3, les contrôles responsifs se trouvent dans le panneau d’options et s’appliquent à un nombre limité d’options. Dans la V4, l’édition responsive se fait en passant en mode responsive.
Pour plus d’informations sur l’édition responsive, consultez :
Résumé
Le tableau ci-dessous résume les changements que vous verrez dans les éléments V4 :
| Changements de fonctionnalités | Éditeur Elementor V3 | V4 |
| Options des éléments | Trois onglets disponibles dans le panneau – Contenu, Style et Avancé. Options personnalisées par élément. | Deux onglets disponibles dans le panneau – Général et Style. Toutes les options de style sont standardisées. |
| Classes | Paramètres globaux créés via les couleurs, polices et widgets globaux. | Les éléments sont édités et standardisés en utilisant des classes. |
| Gestionnaire de classes | Pas de gestionnaire de classes | Le gestionnaire de classes permet aux utilisateurs d’éditer et de prioriser les classes et les styles. |
| Indicateurs de classe | Pas d’indicateurs de classe | Les indicateurs de classe permettent aux utilisateurs de comprendre quand les paramètres de classe sont en conflit et lesquels sont prioritaires. |
| Arrière-plans multicouches | Pas d’arrière-plans multicouches | Les utilisateurs peuvent créer des arrière-plans multicouches |
| Arrière-plans en dégradé | Limité à deux couleurs | Les utilisateurs peuvent ajouter un nombre illimité de couleurs aux arrière-plans en dégradé |
| Ombres portées | Pas d’ombres portées multicouches | Les utilisateurs peuvent créer des ombres portées multicouches |
| Éléments fixes | Les éléments peuvent être fixés en haut ou en bas de la page | Les éléments peuvent être fixés en haut, en bas, à droite ou à gauche de la page. |
| Édition responsive | Édition responsive effectuée depuis le panneau d’options. Seules les options marquées peuvent être éditées pour les modes responsifs. | Édition responsive effectuée à l’aide du panneau d’édition supérieur. Toutes les options peuvent être personnalisées pour l’édition responsive. |
| Code HTML | Autorisé dans certains widgets | Non autorisé |
| Réinitialisation par défaut | De nombreuses options peuvent être réinitialisées à leur valeur par défaut en cliquant sur un bouton de réinitialisation. | Pas de réinitialisation par défaut disponible. |
