Il y a deux jours, nous avons lancé Divi 2.4, la plus grande mise à jour de l’histoire de Divi et un grand bond en avant dans nos thèmes WordPress les plus populaires. Il y a tellement de grandes fonctionnalités à explorer dans cette mise à jour quamp;rsquoil est difficile de les décrire toutes dans lamp;rsquoarticle publié. Camp;rsquoest pourquoi nous avons décidé de publier une série damp;rsquoarticles de blog informatifs de deux semaines conçus pour apprendre à profiter de tous les avantages de Divi 2.4 et de ses nouvelles options. Dans la deuxième partie de cette série, nous explorerons des façons créatives damp;rsquoutiliser les paramètres avancés et comment importer exporter des projets enregistrés dans la Bibliothèque Divi. Nous avons même lancé un paquet de bibliothèque Divi qui contient tous les éléments de cet article afin que puissiez les utiliser sur votre site!
En savoir plus sur Divi 2.4 namp;rsquoavez pas exploré Divi 2.4, comment la Bibliothèque Divi peut elle réduire le temps de création de votre site et pourriez demander,
étiez un utilisateur de Divi avant la mise à jour, connaissez peut être la fonctionnalité Save Layout de Divi, qui était et est toujours une fonctionnalité étonnante, mais parce quamp;rsquoelle namp;rsquoenregistre que des fragments de la mise en page, la page est créée plus rapidement. Maintenant que les sections, les lignes et les modules ont leur propre ensemble de paramètres de conception avancés, pouvez passer plus de temps sur la page à configurer les éléments. Cela peut également générer des éléments Altman
Vous pouvez personnaliser une question pour la construire à plusieurs reprises. Mais grâce à la Bibliothèque Divi, pouvez enregistrer ces fragments complexes dans la bibliothèque et les utiliser sur damp;rsquoautres pages ou même sur damp;rsquoautres sites Web.
Explorer les paramètres de conception avancés dans Divi 2.4 Bien que les paramètres de conception avancés de chaque projet varient damp;rsquoun projet à lamp;rsquoautre, ils partagent de nombreux paramètres que devriez connaître. Non seulement cela accélère la vitesse, mais surtout, quand rêvez de la conception damp;rsquoun site Web, quand savez quelles sont les possibilités, cela rend plus créatif. Donnez un peu plus de répit au contenu du module en ajoutant un remplissage personnalisé ou des marges. Vous pouvez définir des remplissages marges pour le haut, la droite, la gauche et ou le bas du module.
Lamp;rsquoajout damp;rsquoune bordure autour damp;rsquoun module est aussi simple que la sélection du poids, du style et de la couleur de la bordure. Boutons personnalisés en plus des paramètres du bouton au niveau du site, pouvez également définir les paramètres du bouton personnalisé en fonction du module. Couleur image de fond pouvez maintenant ajouter un fond à chaque module. En les combinant avec un remplissage personnalisé, pouvez créer des modules vraiment créatifs. Options de texte si le formulaire contient des éléments de texte, trouverez divers paramètres typographiques, tels que la police, la couleur, le style, la taille, la hauteur de ligne et lamp;rsquoespacement des lettres, dans les paramètres avancés.
Camp;rsquoest le plus basique! Je vais passer en revue quelques modules avec des paramètres plus uniques pour montrer comment rendre votre site vraiment unique. Créer un curseur recommandé Il samp;rsquoagit en fait damp;rsquoun module de curseur de pleine largeur qui utilise les nouvelles options de remplissage personnalisées du curseur. Dans les paramètres av
Vous pouvez définir le remplissage supérieur et inférieur de namp;rsquoimporte quel curseur, pas le module curseur. Pour obtenir cet effet, jamp;rsquoai utilisé le titre de la diapositive comme contenu du témoignage, Attribut contenu du corps de la diapositive et jamp;rsquoai réduit le remplissage du curseur parce que la hauteur du curseur recommandé est généralement plus courte que celle du curseur damp;rsquoen tête normal. Une autre raison de réduire le remplissage est que pouvez être créatif en ajoutant plus damp;rsquoéléments autour du curseur, comme le montre la capture damp;rsquoécran ci dessous.
Rafraîchissez votre liste de prix Le module de liste de prix de Divi permet des réglages plus avancés. Les tables de configuration peuvent prendre un certain temps, ce qui fait de ce module un exemple parfait de la façon dont pouvez utiliser la Bibliothèque Divi. Le module de la liste de prix ci dessus est un style moderne et agréable de la liste de prix Divi. La couleur de fond divisée est juste pour montrer que pouvez importer ce module dans la page et lamp;rsquoajouter à namp;rsquoimporte quelle couleur de fond qui supporte le texte blanc. Jamp;rsquoai fait beaucoup de changements ici, mais surtout jamp;rsquoai supprimé la bordure par défaut, jamp;rsquoai personnalisé tout le texte blanc, jamp;rsquoai changé les boutons blancs et jamp;rsquoai fourni la transparence pour la couleur de fond de la table. Vous pouvez également voir que jamp;rsquoutilise la conception de la table de premier plan du module pour fournir un fond plus opaque pour la table de prix de premier plan.
En ce qui concerne les paramètres avancés dans le module liste de prix, le dernier point à noter est que pouvez personnaliser la table dans lamp;rsquoensemble du module, mais aussi la personnaliser en fonction de la table. Par exemple, pouvez assigner à chaque table sa propre couleur de fond pour vraiment différencier chaque produit. Ligne sans drain Celui ci.
La technologie ionique de pointe ouvre un monde de possibilités de conception. Formulaire de contact transparent Les nouveaux paramètres du formulaire de contact permettent de contrôler la couleur de fond du formulaire, le style de bordure, la couleur du texte et les filets des champs du formulaire. Dans le tableau ci dessus, jamp;rsquoai sélectionné une couleur de fond transparente, une bordure blanche et un filet. Tous ces paramètres peuvent être entièrement personnalisés. Vous pouvez sélectionner une couleur de fond translucide, sélectionner lamp;rsquoépaisseur du bord, et même définir un rayon de filet personnalisé. Titre plein écran Le module titre complet de Divi peut maintenant me transformer en plein écran. Cela signifie que, quelle que soit la taille de votre navigateur, il remplira lamp;rsquoécran et centrera son contenu verticalement. Dans lamp;rsquoexemple ci dessus, jamp;rsquoai chargé le logo Divi dans le nouveau champ logo et ajouté deux boutons damp;rsquoaction damp;rsquoappel. Le module titre pleine largeur permet également damp;rsquoajouter une icône de défilement qui, si elle est cliquée, fait défiler doucement vers le bas jusquamp;rsquoà la section suivante. Il y a 11 icônes prédéfinies à choisir, et pouvez également définir leur taille et leur couleur. Une autre caractéristique préférée de ce module est la superposition des couleurs de fond. Lamp;rsquoarrière plan que voyez ici est en fait une image très lumineuse et saturée avec une couverture translucide foncée pour aider le texte à se démarquer de lamp;rsquoimage occupée. Lorsque enregistrez un projet dans une bibliothèque Divi créez ou modifiez un nouveau module, ligne ou section dans Divi Builder, remarquerez quamp;rsquoil y a un nouveau bouton Enregistrer appelé enregistrer et ajouter à la bibliothèque en bas de la fenêtre de configuration. Il y a un bouton standard save and exit à droite. Lorsque cliquez sur le bouton Enregistrer et quitter, les paramètres du module sont enregistrés dans
Réglez la fenêtre contextuelle pour fermer. Lorsque cliquez sur Enregistrer et ajouter à la bibliothèque, le formulaire est toujours sauvegardé sur la page, mais il est également ajouté à la Bibliothèque Divi. Ajouter un élément de bibliothèque à une page après avoir sauvegardé lamp;rsquoélément dans la bibliothèque, pouvez lamp;rsquoajouter à namp;rsquoimporte quelle nouvelle page dans Divi Builder en cliquant sur le bouton Ajouter à partir de la Bibliothèque lorsque ajoutez un nouveau formulaire, ligne ou section à la page. Télécharger le projet de bibliothèque décrit dans cet article cliquez sur le lien ci dessous pour le projet décrit dans cet article. Pour les importer dans la bibliothèque, allez outils amp;gt importer. Sélectionnez le lien WordPress au bas de la liste des types d’importation et serez invité à le fichier. Vous aurez alors accès à ces formulaires pour votre usage personnel. Assurez de décompresser le fichier zip avant de le ! Seuls les fichiers XML peuvent être importés. Jamp;rsquoespère que cette brève introduction aux paramètres avancés aidera à créer vos propres modules et peut être encouragera t elle à les partager avec la communauté.
Explorez Divi 2.4: paquets de bibliothèque gratuits créés avec les nouveaux paramètres de conception avancés de Divi
