Comment créer un menu surdimensionné dans l’élément

Plus compliqué encore, le site WordPress a besoin d’un menu plus complet. L’une des options populaires pour rendre les menus plus complets est les menus surdimensionnés. Le menu surdimensionné est un bon menu extensible, tout est visible immédiatement. Comme nous le savons, les sites les plus populaires utilisent cette fonctionnalité sur leurs sites, ce qui signifie que les menus surdimensionnés sont très utiles. Jusqu’à ce que cet article soit créé, element ne supporte pas par défaut la création de menus surdimensionnés, de sorte que vous avez besoin de l’aide d’un add – in tiers. Le catalogue des plug – ins WordPress contient de nombreux plug – ins pour elementor pour créer des menus surdimensionnés, mais certains ne sont pas flexibles. Dans ce tutoriel, nous vous montrerons comment créer des menus surdimensionnés dans l’élément en utilisant le menu jet de crocoblock. Jetmenu facilite la création de menus surdimensionnés.
Résumez comment créer un menu Mega dans l’élément en utilisant jetmenu Étape 1: configurer un menu WordPress existant Étape 2: configurer les paramètres de jetmenu Étape 3: activer jetmenu et définir les éléments du menu Mega Étape 3: concevoir un menu Mega dans l’élément Étape 4: créer un modèle de titre de base en utilisant elementor pro Theme Builder Comment créer un menu Mega dans l’élément Elementor utilise jetmenu avant de commencer ce tutoriel, vous devez installer trois plug – ins. Comme suit: elementor elementor pro (elementor pro est nécessaire lorsque vous voulez créer un modèle de titre personnalisé en utilisant Theme Builder) jetmenu (vous pouvez acheter jetmenu pour un seul plug – in ou un paquet de plug – in crocoblock) télécharger jetmenu Étape 1: configurer le menu WordPress existant est maintenant le moment de créer le menu réel. Avant d’aller au – delà des paramètres du plugin et de commencer à appliquer des modifications, nous voulons que vous vous assuriez qu’il y a au moins un menu sur le site WordPress. Si vous n’avez pas encore d’homme
Il suffit de créer un. Vous pouvez lire cet article pour apprendre comment créer des menus dans WordPress.
Pour configurer le menu du menu Mega, allez sur le tableau de bord WordPress, puis allez au menu Look – > menu et vous verrez le menu existant apparaître. Dans cet exemple, nous utilisons le menu existant \
En haut de l’onglet paramètres généraux, vous trouverez des options: gestionnaire de preset, options d’exportation, options d’importation et options de restauration. Sous ces options, vous pouvez voir quatre options, telles que SVG image upload Status, Template Content cache, modify menu et CSS Menu cache. La seule option que nous devons changer est le menu modifier. Lorsque cette option est activée, tous les paramètres du tableau de bord jetmenu ne s’appliquent qu’aux menus en position WordPress. Par conséquent, désactivez cette option si vous souhaitez utiliser l’ancien menu avec ces paramètres. Cependant, dans ce tutoriel, nous voulons créer un nouveau menu à partir de zéro, comme dans ce tutoriel, en mettant le commutateur en marche.
Il y a deux autres options sur les paramètres du jetmenu: le menu Bureau et le rendu mobile. Vous pouvez activer ces options et utiliser votre créativité pour configurer ces paramètres. Mais dans ce tutoriel, nous ne changerons rien. Étape 3: activez jetmenu et définissez l’élément de menu Mega. Nous permettrons à jetmenu de continuer à créer le menu Mega. Dans le tableau de bord WordPress, allez au menu apparence – >. Ensuite, ouvrez le bloc de configuration pos
O – > numéro du message général: 6 colonnes: 2 même hauteur de colonne: Oui afficher le résumé du message: non afficher les termes du message: non afficher les éléments du message: aucun contenu > Carrousel activer le Carrousel: Oui pause de la souris: Oui Une fois l’édition terminée, cliquez sur le bouton mise à jour pour mettre à jour. Cliquez sur (X) pour fermer la fenêtre de l’éditeur d’éléments. Lorsque vous retournez aux paramètres de l’élément de menu, n’oubliez pas de cliquer sur le bouton Enregistrer. Ensuite, nous passons au deuxième élément de menu, info. Cliquez sur le bouton Modifier le contenu Mega. Après avoir accédé à la fenêtre de l’éditeur d’éléments, ajoutez une section avec deux colonnes. Dans la première colonne, nous ajouterons le Widget Google Maps. Sélectionnez le Widget Google Maps dans la barre de menu et faites – le glisser et déposer dans la zone de la toile (première colonne). Dans l’onglet contenu, vous trouverez des options pour changer l’emplacement, l’échelle et la hauteur de la carte. Ensuite, changez les paramètres au besoin.
Ensuite, passons à la deuxième colonne. Dans cette colonne, nous ajouterons le module Widget, qui est l’un des widgets intégrés à elementor pro. Localisez le Widget et faites – le glisser dans la zone de la toile (deuxième colonne). Une fois l’édition terminée, cliquez sur le bouton mise à jour pour mettre à jour. Cliquez sur (X) pour fermer la fenêtre de l’éditeur d’éléments. Lorsque vous retournez aux paramètres de l’élément de menu, n’oubliez pas de cliquer sur le bouton Enregistrer. Étape 4: créer un modèle de titre en utilisant elementor pro Theme Builder il est temps d’appliquer le menu surdimensionné que vous venez de créer comme modèle de titre en utilisant elementor pro Theme Builder.
Dans le tableau de bord, allez à Template – > Theme Builder. Cela vous mènera à une fenêtre qui contient de nombreuses options pour construire des modèles. Cliquez sur l’onglet en – tête et créez un nouveau modèle INTES
Cliquez sur Ajouter un nouveau bouton. Vous verrez la Bibliothèque de presets de titres. Dans ce cas, nous allons créer un en – tête à partir de zéro. Fermez la fenêtre de la bibliothèque et vous entrez dans l’éditeur d’éléments. Une fois dans l’éditeur d’éléments, créez une nouvelle section avec deux colonnes. La première colonne sera utilisée pour le logo du site et la seconde pour le menu surdimensionné que nous venons de créer. Sélectionnez le logo du site sur le panneau Widget et faites – le glisser dans la zone de la toile (première colonne). Ensuite, sur le panneau Widget, sélectionnez le Widget Mega menu et faites – le glisser dans la zone de la toile (deuxième colonne).
Ensuite, il est temps d’appliquer quelques modifications au titre. Vous pouvez utiliser les paramètres et les façonner avec votre créativité. Si vous ne savez pas, vous pouvez voir nos paramètres ci – dessous: voir le logo du site dans l’onglet styles, définir la hauteur à 100 mégamenus dans l’onglet styles, changer la typographie de l’article, et définir la taille à 20 C’est fait. Avant de publier un modèle de titre, n’oubliez pas de renommer le modèle de titre en cliquant sur le bouton paramètres de titre, puis vous pouvez le renommer. Une fois le modèle de titre publié, un nouveau menu Mega sera appliqué à votre site. Au moment de la rédaction de cet article (31 mars 2022), elementor n’avait pas la capacité par défaut de créer des menus surdimensionnés. La seule façon de créer un menu surdimensionné est d’utiliser des add – ons tiers. Jetmenu est un plug – in crocoblock elementor spécialement conçu pour créer un mega sur WordPress supporté par elementor. Utilisez l’éditeur d’éléments pour créer un menu Mega qui offre des options de conception illimitées. Vous pouvez ajouter n’importe quoi à votre menu surdimensionné. Des images, des cartes, des produits woocommerce, des billets de blog, etc.