Point culminant du plugin Divi : Divi Dream Tools

Divi Dream Tools est un plugin tiers pour Divi qui ajoute de nombreuses nouvelles personnalisations et modules à Divi. Il comprend près de 30 modules, 5 types de publication personnalisés et 5 widgets. Il comprend également de nombreuses options de conception personnalisées telles que des préchargeurs, un CTA dans le menu, des menus hamburger, des boutons de retour en haut, des en-têtes, des pieds de page, des écrans de connexion personnalisés, etc.

Vous pouvez acheter Divi Dream Tools sur le site de l'éditeur. Dans ce plugin Divi Highlight, nous examinerons de près Divi Dream Tools et verrons ce qu'il peut faire.

Paramètres des outils Divi Dream

Installez et activez le plugin comme d'habitude. Un nouvel écran de paramètres est ajouté à WordPress. L'écran des paramètres (qui se trouve dans le menu du tableau de bord sur Divi > Paramètres des outils Divi Dream) comprend plusieurs onglets et paramètres dans chaque onglet. Voici un aperçu de chaque onglet.

Général

Les paramètres généraux couvrent le style des en-têtes globaux, la page de connexion administrateur personnalisée, ajoutent le bouton CTA dans le menu, permettent les téléchargements SVG et activent le mode de maintenance.

Les paramètres des projets vous permettent de masquer ou de renommer des projets. Les paramètres 404 vous permettent de choisir une mise en page 404 depuis votre bibliothèque Divi. Les paramètres des icônes sociales vous permettent d'activer indépendamment 9 autres icônes sociales et de les ouvrir dans un nouvel onglet.

Préchargeur

L'onglet Préchargeur ajoute de nombreuses options de préchargement. Les paramètres généraux vous permettent d'afficher le pré-chargeur et de choisir s'il s'affiche uniquement sur la page d'accueil, sur mobile, et de masquer le pré-chargeur sur une largeur d'appareil que vous déterminez.

Les paramètres d'image du préchargeur vous permettent de choisir le préchargeur. Il les montre avec leurs animations afin que vous puissiez avoir une idée de leur apparence sur votre site Web. Vous pouvez également télécharger le vôtre, spécifier la largeur et la hauteur et modifier les paramètres de couleur du préchargeur et de l'arrière-plan. Les paramètres d'animation vous permettent de choisir l'animation et de définir la vitesse, le temps et l'opacité.

Carte des hamburgers

Les paramètres de hamburger vous permettent de choisir une icône de hamburger. Ils sont animés afin que vous sachiez à quoi ils ressemblent sur votre site Web. Vous pouvez également personnaliser les couleurs de l'icône de menu et de l'icône active.

Retour au sommet

Choisissez un style de bouton Retour en haut parmi plusieurs options. Vous pouvez ajuster la couleur de l'arrière-plan et de l'icône indépendamment.

Modules

Les paramètres du module vous permettent de désactiver 13 modules indépendamment. Ils sont activés par défaut.

Personnalisateur de thème Divi Dream Tools

Plusieurs personnalisations sont ajoutées au personnalisateur de thème. Vous pouvez personnaliser le texte H1-H6 et le bouton CTA. Le bouton comprend la taille, l'animation de survol, etc. Dans cet exemple, je personnalise le bouton CTA dans le menu. Cet exemple montre également le bouton de retour en haut personnalisé.

Types de messages personnalisés Divi Dream Tools

Divi Dream Tools ajoute 5 types de publication personnalisés avec des éléments de menu et des éditeurs. Vous pouvez voir la liste de tous les éléments et catégories pour chaque type de publication dans le menu du tableau de bord. Ils peuvent être affichés avec les widgets et modules intégrés. Voici un aperçu de chacun.

Membres de l'équipe Divi Dream Tools

Le type de publication Membres de l'équipe vous permet de créer des membres de l'équipe et de les afficher. Il comprend l'éditeur de texte, les catégories, l'image et les informations sur les membres de l'équipe avec des icônes sociales, un lien vers une page de détail et un formulaire de contact qui s'intègre à Caldera Forms.

Témoignages de Divi Dream Tools

L'outil Témoignages ajoute un éditeur avec des icônes de photo, de catégorie, de lien d'entreprise et de médias sociaux.

Vous pouvez voir tous les témoignages dans le menu.

Divi Dream Tools Événements

Events ajoute un éditeur avec une image, des catégories, des balises, des informations sur l'événement, des informations sur le lieu, des informations sur l'organisateur et le coût. Un sélecteur de date serait bien pour les dates de l'événement. Actuellement, vous devez entrer les dates à la main. C'est assez facile à faire, cependant.

Propriété Divi Dream Tools

La propriété comprend un éditeur et vous permet d'ajouter le statut, les types, les catégories, les fonctionnalités, une image et des informations sur la propriété, y compris les agents.

Voici la liste des propriétés que j'ai créées dans le menu.

Agents Divi Dream Tools

Les agents comprennent un éditeur, une image et des informations, y compris leurs informations de contact et des boutons de suivi social.

Widgets Divi Dream Tools

Divi Dream Tools est livré avec cinq widgets :

1. Poster
2. Curseur de propriété
3. Widget de propriété
4. Curseur de témoignage
5. évènements à venir

La plupart affichent les types de publication personnalisés ajoutés par le plugin. Le widget Publication vous permet de choisir le type de publication que vous souhaitez. Vous pouvez ajuster le nombre de publications qu'ils affichent, l'ordre et les fonctionnalités spéciales de ce type de publication, telles que le statut ou la date.

Voici la barre latérale affichant tous les widgets.

Modules Divi Dream Tools

Divi Dream Tools compte un peu moins de 30 modules. Voici un aperçu de quelques-uns d'entre eux. J'en ai choisi quelques-uns au hasard.

Affichage du curseur de publication

Le module Post Slider View comprend plusieurs styles de mise en page. Vous pouvez choisir parmi des types de publication personnalisés, définir le nombre qui s'affiche, l'ordre d'affichage, la taille de l'image et personnaliser les paramètres d'affichage, les couleurs des diapositives et des icônes, etc. Il s'agit des paramètres par défaut du curseur 1.

Affichage de la liste des agents

Il s'agit de la vue en liste des agents utilisant le style 1. Elle comprend quelques styles avec des personnalisations, la couleur de l'icône, la couleur de la pagination, etc. Il s'agit des paramètres par défaut.

Poteaux de maçonnerie

Le module Posts Masonry View affiche plusieurs styles. Il s'agit du style 1, qui affiche une conception à plusieurs mises en page. Il comprend les types de publication personnalisés, la pagination, l'auteur et la date d'affichage et les paramètres de couleur de pagination. Il s'agit des paramètres par défaut.

Affichage de la liste des événements

Le module Affichage de la liste des événements a plusieurs styles de mise en page et comprend des options de taille d'image, une image, une fenêtre contextuelle avec style et une pagination. Je l'ai ajouté à la mise en page E-Book. Il s'agit de la mise en page 3. Je l'ai personnalisée pour l'adapter au style de la mise en page.

Affichage de la grille des témoignages

Le module Testimonial Grid View propose cinq options de style. Il s'agit de l'option 2. Vous pouvez choisir le nombre qui s'affiche sur une ligne, le montant de l'extrait, personnaliser l'icône, afficher l'image, le lien vers la page, définir des hauteurs égales, choisir des catégories, personnaliser les couleurs, etc. Ce sont les paramètres par défaut.

Inclinaison de l'image

Image Tilt vous permet d'afficher une image ou une icône qui s'incline en réponse à votre souris. Vous pouvez afficher la parallaxe, afficher un éblouissement, ajuster la perspective, l'inclinaison, la vitesse, l'échelle et bien plus encore.

Boîte à rabat

La Flip Box crée une boîte avec du texte des deux côtés de la boîte. Lorsque vous passez la souris dessus, la boîte se retourne pour montrer le dos. Vous pouvez définir les couleurs, les icônes, le texte et les images du recto et du verso séparément. Vous pouvez également ajouter un lien. Dans l'image ci-dessus, j'ai retourné la deuxième case à bascule, puis j'ai déplacé ma souris vers la troisième. C'est idéal pour créer des textes de présentation, des CTA, des informations, etc.

Vue du tableau des propriétés

Il s'agit du module Vue du tableau des propriétés. Il a trois styles. C'est le style 3. J'ai ajusté les couleurs pour qu'elles correspondent à la disposition de l'immobilier.

Il affiche également une fenêtre contextuelle, qui montre l'image en taille réelle. La fenêtre contextuelle est stylisée séparément. Ceci est la fenêtre contextuelle pour le style 3.

Vue de la grille des propriétés

Le module Property Grid View propose 3 styles parmi lesquels choisir. C'est le style 1 montrant 2 colonnes. Vous pouvez le configurer pour afficher une fenêtre contextuelle, une pagination et des hauteurs égales.

C'est le style 3. Je l'ai configuré pour afficher 3 colonnes.

Curseur Woo

Le Woo Slider affiche les produits WooCommerce et ajoute de nombreuses nouvelles fonctionnalités. Il a trois styles. Chaque style affiche les superpositions différemment et réagit différemment au survol. Il s'agit du style 1, qui incline l'image du produit et affiche le bouton d'achat en survol. Vous pouvez définir le nombre de colonnes, la taille de l'image, afficher une fenêtre contextuelle au clic, etc.

La fenêtre contextuelle affiche plus d'informations sur le produit. C'est la fenêtre contextuelle du style 3. Il change la couleur du bouton au survol. Il comprend un bouton de fermeture.

Prix ​​des outils de rêve Divi

Il existe deux options de licence pour Divi Dream Tools :

• Site Web unique – 99 $
• Sites Web illimités – 199 $

Les deux sont des frais uniques et incluent une assistance à vie et des mises à jour.

Vous pouvez acheter Divi Dream Tools sur le site de l'éditeur.

Mettre fin aux pensées

Je suis impressionné par la quantité de personnalisations et de modules dans Divi Dream Tools. J'ai trouvé que chaque réglage était intuitif. Si vous connaissez Divi, vous ne devriez pas avoir de problème avec ces modules et paramètres. Les types de publication personnalisés sont faciles à créer et fonctionnent avec plusieurs modules et widgets. Les personnalisations ajoutent de nombreuses possibilités de conception à Divi.

Ce que j'ai couvert ici ne fait qu'effleurer la surface de ce qui peut être fait avec ce plugin. Si vous êtes intéressé par une suite de personnalisations et de nouveaux modules pour Divi, Divi Dream Tools vaut le détour.

Nous voulons de vos nouvelles. Avez-vous essayé Divi Dream Tools ? Faites-nous savoir ce que vous en pensez dans les commentaires ci-dessous.

Image en vedette via johave / shutterstock.com