Explorez Divi 2.4: paquets de bibliothèque gratuits créés avec les nouveaux paramètres de conception avancés de Divi

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 qu’il est difficile de les décrire toutes dans l’article publié. C’est pourquoi nous avons décidé de publier une série d’articles de blog informatifs de deux semaines conçus pour vous 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 d’utiliser 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 vous puissiez les utiliser sur votre site!
En savoir plus sur Divi 2.4 Si vous n’avez pas exploré Divi 2.4, comment la Bibliothèque Divi peut – elle réduire le temps de création de votre site et vous pourriez vous demander, \
Si vous étiez un utilisateur de Divi avant la mise à jour, vous connaissez peut – être la fonctionnalité Save Layout de Divi, qui était et est toujours une fonctionnalité étonnante, mais parce qu’elle n’enregistre 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, vous 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, vous pouvez enregistrer ces fragments complexes dans la bibliothèque et les utiliser sur d’autres pages ou même sur d’autres 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 d’un projet à l’autre, ils partagent de nombreux paramètres que vous devriez connaître. Non seulement cela accélère la vitesse, mais surtout, quand vous rêvez de la conception d’un site Web, quand vous savez quelles sont les possibilités, cela vous 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. L’ajout d’une bordure autour d’un 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, vous pouvez également définir les paramètres du bouton personnalisé en fonction du module. Couleur \/ image de fond vous pouvez maintenant ajouter un fond à chaque module. En les combinant avec un remplissage personnalisé, vous pouvez créer des modules vraiment créatifs. Options de texte si le formulaire contient des éléments de texte, vous trouverez divers paramètres typographiques, tels que la police, la couleur, le style, la taille, la hauteur de ligne et l’espacement des lettres, dans les paramètres avancés. C’est le plus basique! Je vais passer en revue quelques modules avec des paramètres plus uniques pour vous montrer comment rendre votre site vraiment unique. Créer un curseur recommandé Il s’agit en fait d’un 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 n’importe quel curseur, pas le module curseur. Pour obtenir cet effet, j’ai utilisé le titre de la diapositive comme contenu du témoignage, Attribut contenu du corps de la diapositive et j’ai réduit le remplissage du curseur parce que la hauteur du curseur recommandé est généralement plus courte que celle du curseur d’en – tête normal. Une autre raison de réduire le remplissage est que vous pouvez être créatif en ajoutant plus d’éléments autour du curseur, comme le montre la capture d’é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 vous 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 vous montrer que vous pouvez importer ce module dans la page et l’ajouter à n’importe quelle couleur de fond qui supporte le texte blanc. J’ai fait beaucoup de changements ici, mais surtout j’ai supprimé la bordure par défaut, j’ai personnalisé tout le texte blanc, j’ai changé les boutons blancs et j’ai fourni la transparence pour la couleur de fond de la table. Vous pouvez également voir que j’utilise 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 vous pouvez personnaliser la table dans l’ensemble du module, mais aussi la personnaliser en fonction de la table. Par exemple, vous 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 vous 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, j’ai 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 l’é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 l’écran et centrera son contenu verticalement. Dans l’exemple ci – dessus, j’ai chargé le logo Divi dans le nouveau champ logo et ajouté deux boutons d’action d’appel. Le module titre pleine largeur vous permet également d’ajouter une icône de défilement qui, si elle est cliquée, fait défiler doucement vers le bas jusqu’à la section suivante. Il y a 11 icônes prédéfinies à choisir, et vous 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. L’arrière – plan que vous 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 l’image occupée. Lorsque vous enregistrez un projet dans une bibliothèque Divi créez ou modifiez un nouveau module, ligne ou section dans Divi Builder, vous remarquerez qu’il 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 vous 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 vous 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é l’élément dans la bibliothèque, vous pouvez l’ajouter à n’importe quelle nouvelle page dans Divi Builder en cliquant sur le bouton Ajouter à partir de la Bibliothèque lorsque vous 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 télécharger le projet décrit dans cet article. Pour les importer dans la bibliothèque, allez outils > importer. Sélectionnez le lien WordPress au bas de la liste des types d’importation et vous serez invité à télécharger le fichier. Vous aurez alors accès à ces formulaires pour votre usage personnel. Assurez – vous de décompresser le fichier zip avant de le télécharger! Seuls les fichiers XML peuvent être importés. J’espère que cette brève introduction aux paramètres avancés vous aidera à créer vos propres modules et peut – être vous encouragera – t – elle à les partager avec la communauté.