Mettre en évidence le plug – in Divi: Divi mobile

Trouvez – le sur le marché Divi. Divi mobile 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 au moteur Divi sur le marché pour voir tous ses produits disponibles. 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 mobile est un plug – in tiers pour Divi qui facilite la création de menus mobiles personnalisés pour les sites Web Divi. Tous les paramètres sont dans le personnalisateur de thème afin que vous puissiez voir un aperçu en temps réel de la conception du menu mobile. Il s’agit d’un plug – in facile à utiliser pour créer presque n’importe quel type de menu dont vous pourriez avoir besoin. Dans ce point saillant du plug – in Divi, nous examinerons les caractéristiques de Divi mobile pour vous aider à décider si vous devez les utiliser dans la boîte à outils Divi.
Menu Divi mobile par défaut À des fins de comparaison, voici le menu de déplacement par défaut de Divi. Le menu change automatiquement pour afficher le menu hamburger. Cliquez sur le menu pour afficher un menu déroulant contenant tous les liens. Ceci n’est pas réglable séparément du menu standard. Personnalisation du sujet Un nouveau menu appelé Divi mobile a été ajouté au personnalisateur de thème. C’est un texte bleu foncé et Vert, donc c’est très important. Tous les ajustements sont effectués dans ce menu. J’utilise le progiciel de mise en page du Conseiller financier. Dans une vue mobile, comme la vue Tablet dans l’exemple ci – dessus, le menu est automatiquement défini par défaut pour Divi mobile. Comprend un menu de hamburgers blancs dans un cercle bleu foncé. Je passe le curseur sur le menu Divi mobile, qui a maintenant changé de couleur. Cliquez sur le menu hamburger pour ouvrir le menu, le menu défile horizontalement et couvre l’ensemble du hamburger
Côté ro de l’écran. J’ai ouvert le menu dans le personnalisateur de thème pour afficher les onglets. Les autres éléments sont affichés en fonction de la sélection sélectionnée. Regardons les principaux ajustements. Styles et paramètres du menu Le style et les paramètres du menu ont plusieurs options pour sélectionner le menu. Les options de mise en page comprennent un menu affiché à l’extérieur de l’écran (vue par défaut), un déploiement à partir d’une forme et une navigation en bas. Le style de menu de l’écran externe ajoute l’animation ouverte et le style entièrement ouvert au menu. Chacune des trois mises en page comprend plusieurs options.
L’exemple ci – dessus montre le même menu que l’exemple précédent, mais j’a i choisi un style de menu plein écran. Le mode Aperçu définit le mode d’affichage par défaut. J’aime ça parce qu’il clarifie le fond. L’expansion à partir d’une forme peut couvrir tout l’écran à partir du coin supérieur droit. Il peut également s’étendre de haut en bas. Ceci ajoute l’icône à l’arrière – plan et place le lien à l’extérieur de l’arrière – plan, comme je l’ai fait dans l’exemple ci – dessus. Vous pouvez ajuster les couleurs et les icônes dans d’autres paramètres dans un autre menu appelé paramètres d’extrusion circulaire. Navigation en bas affiche une icône en bas de l’écran. Ceci est réglé dans un autre menu appelé paramètres de navigation en bas. En ajustant les points d’arrêt, vous pouvez afficher le menu déplacer sur le Bureau. Titre personnalisé Les en – têtes personnalisés vous permettent de contrôler complètement les en – têtes. La première partie est l’apparence du titre. Ajoutez un nouveau logo, redimensionnez – le, ajustez la couleur de fond, la longueur de l’ombre, le rayon de flou, la couleur de l’ombre, et plus encore. Dans cet exemple, j’a i ajouté un nouveau logo et changé la couleur de fond. La section suivante est l’apparence du titre de défilement. Définissez le menu à épingler.
Ajustez la hauteur, la taille du logo, la position de l’icône Hambourg et la couleur de fond. J’ai apporté des modifications à chaque réglage. Les éléments de titre vous permettent d’ajouter des éléments à un titre et d’ajuster sa position, sa taille et sa couleur. Je déplace le logo vers la droite et je le mets juste en dessous de la normale (vous pouvez le mettre aussi bas que possible pour écraser le titre ou le contenu). J’ai également ajouté le panier woocommerce, j’ai activé l’icône de recherche, je l’ai placé à gauche, je l’ai changé en rouge et j’ai augmenté sa taille.
Menu hamburger Choisissez le menu hamburger vous offre de nombreuses options sur l’icône du menu hamburger. Définissez à droite ou à gauche, sélectionnez parmi trois icônes (trois lignes, deux lignes ou trois points), sélectionnez le style d’animation, puis sélectionnez la direction de l’animation. Je l’ai mis à gauche et j’ai choisi deux lignes. Menu Burger général vous permet de régler la hauteur du menu, de définir la distance entre l’icône Burger et les bords et le haut, et de régler son opacité pendant le vol stationnaire. Dans cet exemple, j’ai modifié chaque réglage. Les paramètres de l’icône du menu hamburger vous permettent d’ajuster la taille et la couleur des lignes ou des points sur les positions fermées et ouvertes de l’icône hamburger. Vous pouvez également contrôler la hauteur de la ligne, le rayon des bords et l’espacement des lignes. C’est la position OFF. J’ai réglé la couleur de la ligne en rouge. J’ai réglé la couleur de l’icône ouverte à l’or. Pour ce faire, j’ai placé l’icône du menu à droite et j’ai sélectionné trois lignes. J’ai ajusté la couleur, la hauteur de la ligne, le rayon du bord et la position des trois lignes. Vous pouvez également ajouter du texte. Il vous donne un contrôle total sur le texte, y compris la position horizontale et verticale, la taille de la police, la couleur et le style. Qu
Cet exemple comprend des options avec trois points. L’arrière – plan du menu hamburger et l’ombre de l’arrière – plan du menu hamburger fournissent des paramètres similaires au bouton Divi. Ils comprennent la couleur, la largeur, la hauteur, le rayon de bord, la longueur horizontale et verticale de l’ombre, le rayon de flou et la couleur de flou. J’ai ajusté la plupart des paramètres de cet exemple pour que l’icône soit carrée au lieu d’un cercle.
Schéma d’injection Les mises en page des projets vous permettent de sélectionner une mise en page dans la Bibliothèque Divi pour l’injection à différents endroits sur l’en – tête. Placez la mise en page au – dessus du menu, sous le menu ou au – dessus du titre de déplacement personnalisé. Dans cet exemple, j’ai ajouté une section du paquet de mise en page pour placer le formulaire de contact au – dessus du menu et les coordonnées au – dessous du menu. J’ai mis le menu en plein écran pour le rendre plus facile à voir. Apparence du menu L’apparence du menu vous permet de changer la couleur de fond, l’emplacement du lien, la taille de la police, la série, la couleur, la couleur du curseur, le côté de l’écran sur lequel le menu s’affiche et la largeur de la zone du menu. J’ai déplacé le menu vers la gauche, changé l’arrière – plan, augmenté la taille de la police, changé l’emplacement du haut du lien, et centré le lien. Pour ce faire, j’ai réduit la zone de menu, soulevé les liens, aligné les liens à droite, et ajusté la couleur de la police pendant le vol stationnaire. Au cours de ce processus, je déplace le menu vers la droite pour le rendre plus large, Aligne le texte à gauche, change de couleur et insère le formulaire de contact sous le menu. Apparence du sous – menu Il existe plusieurs styles pour afficher les sous – menus. C’est un style imbriqué effondré. J’ai gardé les paramètres par défaut. Vous pouvez également ajuster l’apparence, supprimer les bordures et modifier les icônes. C’est une superposition.