Trouvez – le sur le marché Divi. Divi madmenu est disponible sur le marché Divi! Cela signifie qu’il a réussi notre examen et qu’il est conforme à nos normes de qualité. Vous pouvez accéder à la Division. Nous avons vu tous leurs produits sur le marché. Les produits achetés sur le marché Divi ont un accès illimité au site et une garantie de remboursement de 30 jours (comme Divi). Buy – in Divi Market Place Divi madmenu est un plug – in tiers pour Divi qui ajoute de nouvelles fonctionnalités de menu au générateur de thème Divi. Ajoutez des boutons, un panier woocommerce, des options de recherche et Ajustez l’emplacement de chaque élément. Concevoir des menus séparés pour les ordinateurs de bureau, les tablettes et les téléphones cellulaires et définir des points d’arrêt. Définit le titre à épingler et ajoute une animation. Chaque élément peut être personnalisé. Dans cet article, nous examinerons Divi madmenu pour voir ce qu’il peut faire.
Divi madmenu avec Divi Theme Builder Divi madmenu est conçu pour travailler avec Divi Theme Builder. Une fois le plug – in installé, allez à Divi Theme Builder, cliquez sur Ajouter un en – tête global, puis sélectionnez créer un en – tête global pour créer un en – tête personnalisé. Vous verrez un nouveau module nommé madmenu ajouté à Divi Builder. C’est le seul module que vous devez utiliser, mais si vous voulez ajouter plus de fonctionnalités, vous pouvez utiliser plus de modules. Contenu Le module affiche un menu et offre de nombreuses options personnalisées. Les éléments vous permettent d’activer des fonctions telles que le Bureau et les menus mobiles, les logos, la recherche, le panier et deux boutons. Ils peuvent être disposés différemment et stylisés indépendamment.
Le menu bureau vous permet de sélectionner le menu à afficher, de définir un point d’arrêt pour déterminer quand il a changé dans le menu déplacer, et de définir l’animation et la durée du sous – menu. Le menu déplacer vous permet de sélectionner un menu différent pour votre appareil
Couleur, caractère, taille de police, taille, espacement, etc. du lien normal. L’exemple ci – dessus est texte: menu de bureau. J’ai changé la couleur, la taille de la police et l’espacement. Texte Voici le Sous – menu Texte: Bureau. J’ai changé la couleur, la taille de la police et le texte en majuscules.
Voici le texte: commutateur de menu mobile. Fournit une personnalisation de texte pour activer et désactiver le texte. J’ai changé la couleur de la police et augmenté la taille et l’espacement des lettres. Voici le texte: déplacer le menu. J’ai changé la couleur de la police et mis le texte en majuscules. Texte: Déplacez le Sous – menu pour contrôler les caractères du menu déroulant. J’ai changé la couleur, j’ai choisi le texte en majuscules, les initiales de chaque mot sont plus grandes, la taille de la police est augmentée et le texte est centré. Texte: les boutons 1 et 2 ont les mêmes options et contrôlent indépendamment les boutons respectifs. J’ai augmenté la taille de police des deux boutons et agrandi le bouton 1. J’ai même changé leur couleur. Pour le bouton 2, j’ai sélectionné différents caractères.
Texte: le panier contrôle la police du texte du contenu du panier. J’ai changé la couleur de la police, augmenté la taille de la police, incliné la police, souligné la police avec une forme d’onde, et changé la couleur du soulignement. Menu Les éléments du menu bureau vous permettent de contrôler l’arrière – plan, les marges, le remplissage, les coins, les bordures, les ombres de cadre, etc. J’ai changé la couleur de fond, ajouté des marges et des remplissages pour ajouter de l’espace entre les éléments du menu, ajouté des coins de boîte, des bordures et des ombres. Les éléments du sous – menu bureau vous donnent les mêmes contrôles que les éléments du menu. J’ai changé la couleur de fond, ajouté une bordure en haut de chaque élément et ajouté des ombres de cadre.
J’aime chaque
Les éléments peuvent être combinés individuellement. J’ai ajouté des ombres de boîte et des filets au menu principal, aux éléments de menu et à la recherche. J’ai aussi changé la couleur de la police et de l’arrière – plan. C’est celui que j’ai créé pour le site de test. J’ai ajouté un logo avec l’ombre de la boîte, le menu principal, la recherche, le panier et deux boutons. Les boutons sont caractérisés par un fond blanc et une bordure noire. J’ai également ajouté la bordure inférieure en utilisant la couleur de mise en page. Grâce à une démonstration approfondie, nous pouvons mieux comprendre la fonctionnalité du menu.
Divi madmenu presentation Le plug – in est livré avec 10 démos madmenu que vous pouvez télécharger dans la Bibliothèque Divi. De nombreuses présentations ont des images dans leurs dossiers. Vous devez les télécharger dans la médiathèque. Pour utiliser une présentation dans Theme Builder, cliquez pour créer un titre global. Cliquez pour insérer une section et sélectionnez ajouter à partir de la bibliothèque. Vous pouvez maintenant choisir n’importe quelle présentation à utiliser. Utilisez la présentation comme point de départ pour créer un design, ou ajoutez simplement votre logo et votre menu. Ils tirent parti de la couleur de fond, des options de logo, des options de recherche et des boutons CTA. Regardons quelques démos de mon site d’essai. Il s’agit notamment de différents modèles de titres de bureau, de tablette et de téléphone mobile.
Présentation 1 Démonstration 1 utilisez le titre du site, les menus et les boutons 1. Les menus sont alignés au Centre. Le Sous – menu comprend des styles avec des ombres de cadre et des bordures pour séparer les liens. Je me promène sur le deuxième lien. Mobile augmente la taille de la police et utilise le même style pour le menu principal et les sous – menus. Il utilise également du texte avec des icônes pour les boutons on et off et remplace le titre du site par un logo. Présentation 2 Démo 2 ajout d’un logo, recherche avec une icône circulaire, bordure sur un côté, Centre du menu
Ed, chariot et boutons. Les deux boutons affichent le logo des médias sociaux. Le style de l’entrée du sous – menu est indépendant de l’arrière – plan. Déplacez le menu pour centrer toutes les icônes, remplacer le texte du menu par une icône ouverte et ajouter le bleu au menu. Présentation 3 La démo 3 a fait un usage intéressant des boutons. Le bouton 1 contient du texte pour se connecter ou s’enregistrer et a un effet de curseur pour supprimer l’arrière – plan lorsque vous déplacez la souris. Le bouton 2 utilise une image cardiaque tracée par une ligne. Pour les appareils mobiles, le bouton on \ off comprend l’icône et le texte sous l’icône. Les icônes des boutons sont réparties uniformément dans le titre en utilisant l’espacement. Le titre du site sera remplacé par un logo qui sera déplacé à droite. Présentation 5 Démo 5 utilisez des espaces comme disposition et affichez les boutons comme CTA. Les deux boutons sont mis en évidence avec un fond de couleur différente. Déplacer le menu place les boutons à droite et à gauche et ajoute des icônes. Le logo et le bouton ouvrir \ fermer avec le texte et l’icône sont au milieu. Présentation 7 Démo 7 Placez les boutons des deux côtés du titre avec le menu au milieu. Le logo se trouve au – dessus du nom du site. Le menu comprend des icônes ouvertes et fermées avec du texte. Les éléments du menu déroulant sont séparés les uns des autres afin qu’une partie de l’arrière – plan puisse être affichée. Déplacez le bouton conserver la version et remplacez le texte par une icône. Le titre du site sera également supprimé. Présentation 8 La démo 8 comprend un jaune gras avec un menu déroulant et un titre à gauche et un menu bouton à droite. Chaque bouton contient un dessin. Déplacez le menu pour placer le bouton à gauche et le logo et l’icône du menu à droite. Présentation 10 Démo 10 utiliser un gradient comme arrière – plan et placer un arrière – plan plus foncé