{"id":111497,"date":"2023-04-04T10:45:40","date_gmt":"2023-04-04T10:45:40","guid":{"rendered":"https:\/\/elementor.com\/blog\/presentation-de-elementor-3-12-concevez-de-magnifiques-et-sophistiques-mega-menus\/"},"modified":"2025-12-28T06:30:58","modified_gmt":"2025-12-28T04:30:58","slug":"presentation-de-elementor-3-12-concevez-de-magnifiques-et-sophistiques-mega-menus","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/fr\/presentation-de-elementor-3-12-concevez-de-magnifiques-et-sophistiques-mega-menus\/","title":{"rendered":"Pr\u00e9sentation de Elementor 3.12 – Concevez de Magnifiques et Sophistiqu\u00e9s Mega Menus"},"content":{"rendered":"\n

Elementor 3.12 inclut un certain nombre de fonctionnalit\u00e9s passionnantes, y compris un nouveau widget Menu, qui vous permettra de cr\u00e9er visuellement des Mega Menus sophistiqu\u00e9s dans Elementor.\nCette version inclut \u00e9galement une nouvelle fonctionnalit\u00e9 qui vous permet de personnaliser davantage les listes de votre site web et de cr\u00e9er un mod\u00e8le alternatif dans le widget Loop Grid.\nEnfin, cette version \u00e9largit \u00e9galement les capacit\u00e9s existantes et vous offre des options suppl\u00e9mentaires de conception et de personnalisation. <\/p>\n\n

\"\"<\/figure>\n\n

[Pro] Pr\u00e9sentation du Mega Menu dans Elementor avec le Nouveau Widget Menu<\/h2>\n\n

Cette version introduit l’une des fonctionnalit\u00e9s les plus demand\u00e9es \u2013 le Mega Menu, disponible avec le nouveau widget Menu.\nEn utilisant le nouveau widget Menu, vous pouvez cr\u00e9er un menu extensible qui vous permet d’afficher plus de contenu.\nCela am\u00e9liore l’exp\u00e9rience du visiteur en facilitant la recherche de certaines cat\u00e9gories et sous-cat\u00e9gories, et vous permet de cr\u00e9er des designs de site web uniques et remarquables.\nPour utiliser le nouveau widget menu, assurez-vous d’activer les fonctionnalit\u00e9s Menu, Flexbox Containers et Nested Elements en allant sur votre Tableau de bord WordPress \u2192 Elementor \u2192 Fonctionnalit\u00e9s. <\/p>\n\n

Configurer la Navigation de Votre Site Web<\/h3>\n\n

Avec le nouveau widget Menu, vous pouvez cr\u00e9er autant d’\u00e9l\u00e9ments de menu que vous le souhaitez, \u00e0 partir de z\u00e9ro – sans avoir n\u00e9cessairement \u00e0 cr\u00e9er des menus dans l’\u00e9cran Menus de WordPress.\nChaque \u00e9l\u00e9ment de menu peut \u00eatre li\u00e9 \u00e0 n’importe quelle page, vous offrant plus de flexibilit\u00e9 pour structurer la navigation de votre site web.\nPour une navigation optimale, il est recommand\u00e9 d’utiliser la balise dynamique URL interne<\/a> pour garantir que vos \u00e9l\u00e9ments de menu renvoient toujours \u00e0 la page souhait\u00e9e. <\/p>\n\n

Pour chaque \u00e9l\u00e9ment de menu, vous pouvez d\u00e9cider si l’\u00e9l\u00e9ment de menu inclut du contenu d\u00e9roulant o\u00f9 vous pouvez ajouter des sous-cat\u00e9gories, ou non, et choisir une ic\u00f4ne pour l’indicateur de d\u00e9roulement.\nSi vous choisissez d’ajouter du contenu d\u00e9roulant, vous pouvez d\u00e9finir un effet de d\u00e9roulement pour que l’\u00e9l\u00e9ment de menu s’ouvre au survol ou au clic, et choisir si vous souhaitez que le contenu d\u00e9roulant apparaisse avec un effet d’animation. <\/p>\n\n

Cr\u00e9er un Mega Menu avec du Contenu D\u00e9roulant<\/h3>\n\n

En activant le contenu d\u00e9roulant, par \u00e9l\u00e9ment de menu, et en tirant parti de la puissance des Conteneurs et des \u00c9l\u00e9ments Imbriqu\u00e9s, vous pouvez cr\u00e9er de magnifiques et sophistiqu\u00e9s Mega Menus.\nLorsque vous activez le contenu d\u00e9roulant sur un \u00e9l\u00e9ment de menu, un nouveau conteneur sera ajout\u00e9 \u00e0 l’\u00e9l\u00e9ment de menu, o\u00f9 vous pouvez glisser n’importe quel widget, styliser la zone de contenu et concevoir n’importe quelle mise en page que vous souhaitez, am\u00e9liorant ainsi l’exp\u00e9rience du visiteur et leur engagement.\nApprenez \u00e0 cr\u00e9er un Mega Menu ici<\/a>. <\/p>\n\n

Param\u00e8tres Responsifs<\/h2>\n\n

Pour ajuster l’exp\u00e9rience du visiteur \u00e0 chaque appareil, vous pouvez choisir le point de rupture auquel le menu devient un menu \u00e0 bascule, et ajuster la fa\u00e7on dont les zones de contenu d\u00e9roulant sont con\u00e7ues pour correspondre \u00e0 l’\u00e9cran sur lequel elles sont affich\u00e9es. <\/p>\n\n

Veuillez Noter :<\/strong> Dans le cadre de cette mise \u00e0 jour, le widget Nav Menu a \u00e9t\u00e9 renomm\u00e9 Menu WordPress, et vous pouvez toujours l’utiliser \u00e0 tout moment, m\u00eame dans votre widget Menu pour cr\u00e9er des Menus bas\u00e9s sur l’\u00e9cran Menus de WordPress. <\/p>\n\n

\"\"<\/figure>\n\n

[Pro] Diversifiez Votre Conception avec un Mod\u00e8le Alternatif de Boucle<\/strong><\/h2>\n\n

Le Mod\u00e8le Alternatif de Boucle, une nouvelle fonctionnalit\u00e9 du widget Loop Grid, vous permet d’atteindre un niveau de flexibilit\u00e9 de conception plus \u00e9lev\u00e9 en appliquant un mod\u00e8le diff\u00e9rent sur des \u00e9l\u00e9ments sp\u00e9cifiques au sein d’une grille de boucle. <\/p>\n\n

Ajouter un Mod\u00e8le Alternatif pour Faire Ressortir les \u00c9l\u00e9ments<\/h3>\n\n

Pour ajouter un autre mod\u00e8le dans votre grille de boucle, activez le bouton ‘Appliquer un mod\u00e8le alternatif’.\nCliquer sur Cr\u00e9er un Mod\u00e8le vous m\u00e8nera au Theme Builder<\/a>, o\u00f9 vous pouvez concevoir un nouvel \u00c9l\u00e9ment de Boucle, ou vous pouvez choisir l’un des Mod\u00e8les d’\u00c9l\u00e9ment de Boucle que vous avez pr\u00e9c\u00e9demment cr\u00e9\u00e9s comme votre mod\u00e8le alternatif.\nVous pouvez cr\u00e9er jusqu’\u00e0 20 mod\u00e8les diff\u00e9rents pour chaque Grille de Boucle sur votre site web. <\/p>\n\n

Une fois que vous avez choisi le mod\u00e8le que vous souhaitez utiliser, vous pouvez d\u00e9terminer \u00e0 quelle position de l’\u00e9l\u00e9ment dans la grille vous souhaitez l’appliquer, et si vous souhaitez qu’il se r\u00e9p\u00e8te ou non.\nPar exemple, vous pouvez appliquer un mod\u00e8le alternatif \u00e0 l’\u00e9l\u00e9ment en 2\u00e8me position dans la grille, puis d\u00e9terminer si vous souhaitez qu’il apparaisse uniquement sur le 2\u00e8me \u00e9l\u00e9ment, ou se r\u00e9p\u00e9ter sur chaque 2\u00e8me \u00e9l\u00e9ment. <\/p>\n\n

Veuillez Noter :<\/strong> Dans le cadre de cette version, l’application d’un mod\u00e8le alternatif remplace la conception d’\u00e9l\u00e9ments sp\u00e9cifiques dans votre grille de boucle, en fonction de la requ\u00eate que vous avez s\u00e9lectionn\u00e9e pour l’ensemble de la grille.\nIl n’est pas encore possible d’injecter un \u00e9l\u00e9ment externe \u00e0 la requ\u00eate. <\/p>\n\n

Prenez Plus de Place avec l’\u00c9tendue de Colonne<\/h3>\n\n

D\u00e9finissez une \u00e9tendue de colonne pour le mod\u00e8le alternatif afin de faire ressortir encore plus certains \u00e9l\u00e9ments de boucle.\nCela vous permettra de concevoir un mod\u00e8le qui prend plus de place dans votre grille de boucle.\nPar exemple, si vous avez une grille de boucle avec 3 colonnes, vous pouvez cr\u00e9er un mod\u00e8le alternatif qui couvre 2 colonnes.\nCela signifie que si vous appliquez le mod\u00e8le alternatif au 2\u00e8me \u00e9l\u00e9ment et que vous le d\u00e9finissez pour s’\u00e9tendre sur 2 colonnes, le 2\u00e8me \u00e9l\u00e9ment prendra 2 colonnes dans la premi\u00e8re rang\u00e9e. <\/p>\n\n

\"\"<\/figure>\n\n

[Pro] Lancez Votre Flux de Travail avec des Mod\u00e8les de Boucle Pr\u00e9d\u00e9finis<\/strong><\/h2>\n\n

Acc\u00e9l\u00e9rez votre flux de travail et inspirez-vous de 10 nouveaux mod\u00e8les de boucle disponibles dans la biblioth\u00e8que.\nCette version inclut 6 mod\u00e8les pour les articles et 4 pour les produits WooCommerce<\/a>.\nVous pouvez trouver les mod\u00e8les en cliquant sur l’ic\u00f4ne de la biblioth\u00e8que de mod\u00e8les dans le canevas lorsque vous cr\u00e9ez un nouveau mod\u00e8le de boucle.\nLa biblioth\u00e8que de mod\u00e8les vous montrera des mod\u00e8les d’articles ou de produits en fonction du \u2018type de mod\u00e8le\u2019 que vous choisissez dans l’onglet de contenu de la grille de boucle. <\/p>\n\n

Une fois que vous avez choisi le mod\u00e8le que vous souhaitez utiliser, vous pouvez le personnaliser davantage et choisir le contenu et la requ\u00eate que vous souhaitez afficher. <\/p>\n\n

Veuillez noter<\/strong> : Les mod\u00e8les de boucle sont bas\u00e9s sur des conteneurs et ne sont disponibles que pour les sites Web qui ont activ\u00e9 les conteneurs. <\/p>\n\n

\"\"<\/figure>\n\n

Refonte de l’interface Elementor<\/strong><\/h2>\n\n

Elementor existe depuis pr\u00e8s de 7 ans, ce qui correspond \u00e9galement \u00e0 la premi\u00e8re conception de l’interface de l’\u00e9diteur.\nAu fil des ans, d’innombrables nouvelles fonctionnalit\u00e9s et widgets ont \u00e9t\u00e9 ajout\u00e9s, rendant important pour Elementor d’apporter des modifications \u00e0 l’interface utilisateur (UI) et \u00e0 l’exp\u00e9rience utilisateur (UX), pour faciliter la croissance future du produit. <\/p>\n\n

Au cours des prochaines versions, l’interface d’Elementor subira une refonte progressive, qui sera construite en REACT.\nLes modifications apport\u00e9es \u00e0 l’interface encouragent les meilleures pratiques en mati\u00e8re de cr\u00e9ation de sites Web avec Elementor, am\u00e9liorent l’accessibilit\u00e9, rationalisent les flux de travail et permettent l’introduction de nouvelles fonctionnalit\u00e9s \u00e0 l’avenir. <\/p>\n\n

Un nouveau sch\u00e9ma de couleurs pour Elementor <\/strong><\/h3>\n\n

Dans Elementor 3.12, l’interface de l’\u00e9diteur a subi sa premi\u00e8re mise \u00e0 jour pour s’aligner sur le nouveau sch\u00e9ma de couleurs<\/a>.\nDans le cadre de cette mise \u00e0 jour, les couleurs de l’\u00e9diteur ont \u00e9t\u00e9 simplifi\u00e9es.\nLes nouvelles couleurs sont optimis\u00e9es pour le mode sombre et le mode clair, offrent une meilleure accessibilit\u00e9 et vous permettent de vous concentrer sur le contenu de votre site Web, sans affecter les fonctionnalit\u00e9s du produit. <\/p>\n\n

Exp\u00e9rience : Nouvelle barre sup\u00e9rieure<\/strong><\/h3>\n\n

Dans Elementor 3.12, la nouvelle barre sup\u00e9rieure est introduite en tant qu’exp\u00e9rience que vous pouvez activer (depuis le tableau de bord WordPress \u2192 Elementor \u2192 Fonctionnalit\u00e9s).\nCette version pr\u00e9sente la premi\u00e8re \u00e9tape de la nouvelle barre sup\u00e9rieure dans l’\u00e9diteur, qui a \u00e9t\u00e9 construite en utilisant REACT pour am\u00e9liorer les performances et permettre des capacit\u00e9s futures.\nLa barre sup\u00e9rieure regroupe toutes les actions essentielles n\u00e9cessaires \u00e0 la cr\u00e9ation de sites Web dans un emplacement centralis\u00e9 et facilement accessible. <\/p>\n\n

Dans le cadre de cette version, la barre sup\u00e9rieure inclut les \u00e9l\u00e9ments et capacit\u00e9s suivants : <\/p>\n\n