Point culminant du plugin Divi : Battle Suit pour Divi

Battle Suit for Divi est un plugin tiers qui fournit une collection de modules Divi Builder, d'extensions Divi, de Tweaks, de widgets WordPress, etc., qui ajoutent de nouvelles fonctionnalités à Divi. Il s'agit d'un système modulaire hautement extensible. Le plugin lui-même est gratuit et il peut être étendu avec de nombreux modules complémentaires gratuits et premium.

Dans ce point culminant du plugin Divi, nous examinerons Battle Suit for Divi et verrons ce qu'il comprend. Étant donné que vous pouvez obtenir le plugin gratuitement dans le dépôt WordPress, je montrerai principalement des exemples de modules complémentaires premium.

Combinaison de combat pour Divi

Installez et activez Battle Suit pour Divi. Un nouvel élément de menu appelé Divi Sensei Suit est ajouté au menu du tableau de bord.

En cliquant sur Paramètres, vous accédez à l'option Thème Divi. Un nouvel onglet est ajouté aux options du thème Divi appelé Battle Suit . Ici, vous pouvez activer des fonctionnalités et des widgets.

La sélection de modules complémentaires ouvre un écran avec plusieurs choix. Vous pouvez acheter les modules complémentaires premium à partir d'ici. Toolset for Divi nécessite l'installation de Toolset Views et Toolset Types . Cela nécessite la version premium de Toolset. J'utiliserai ces trois modules complémentaires dans ce point culminant du plugin.

Téléchargez et activez chaque plugin comme d'habitude.

Ajoutez votre clé de licence et activez la licence pour utiliser les modules complémentaires.

Combinaison de combat pour modules Divi

De nombreux nouveaux modules sont ajoutés au Divi Builder. Les modules incluent les onglets et fonctionnalités attendus Contenu, Conception et Avancé. Cette image montre les modules fournis avec la version gratuite de Battle Suit pour Divi. Les modules gratuits comprennent :

Une autre publication – affiche le contenu d'une publication différente de n'importe quel type de publication.

Bucket – un module similaire à un texte de présentation. Il inclut des effets de survol. C'est idéal pour créer des listes de compartiments ou afficher des produits.

Pied de page – affiche le pied de page Divi n’importe où dans la mise en page. C'est idéal pour afficher le pied de page dans le modèle de page vierge ou avec Toolset.

Library Layout – vous permet d’injecter une mise en page depuis votre bibliothèque Divi.

Galerie de maçonnerie - une nouvelle galerie qui montre des images de différentes tailles dans une disposition de maçonnerie.

Bouton de publication – il s'agit d'un bouton qui renvoie à une publication.

Extrait de publication – Vous permet de personnaliser et d'afficher l'extrait de publication.

Publier une image en vedette – affiche une image en vedette avec les paramètres du module Image.

Post Meta – affiche une méta de publication personnalisable.

Titre du message – affiche le titre du message avec un module personnalisable.

Image transformable – affiche une image 3D avec des effets de survol.

Video Lightbox – affiche les vidéos dans une lightbox personnalisable.

Les modules complémentaires Premium ajoutent encore plus de modules au Divi Builder. L'image ici inclut les modules complémentaires premium que j'utilise. Il y en a plusieurs autres disponibles sur le site Web du développeur. Les modules comprennent :

Compte à rebours - un compte à rebours personnalisable qui peut exécuter un événement lorsque le compte à rebours est terminé.

Material Blurb - un texte de présentation avec plusieurs boutons et options d'élévation.

Contenu de la publication – affiche une URL spécifique. En cliquant dessus, le lien s'ouvre.

Bouton Toolset – ajoute un bouton pour un champ de Toolset spécifique et un lien vers une URL spécifique.

Compteur Toolset – il s'agit d'un compteur pour le contenu Toolset.

Galerie d'outils – affiche une galerie pour des champs d'ensemble d'outils spécifiques.

Image de l'ensemble d'outils – affiche une image de l'ensemble d'outils.

Tableau Toolset – affiche un tableau Toolset avec des options de disposition et de séparation. Il comprend des personnalisations d'articles individuels.

Champ de texte du jeu d' outils – affiche un champ de texte du jeu d'outils.

Toolset View – affiche les vues de la base de données créées avec Toolset.

Battle Suit pour Divi Material Design Exemples

Le Material Blurb ajoute un nouveau module. Dans cet exemple, je recrée les informations du livre à partir de la mise en page Auteur avec Material Blurbs. À l'origine, ils étaient composés de trois modules individuels : des modules de texte, d'image et de boutons pour chaque livre. Je suis en mesure de les remplacer par un seul module. Je fais quelques personnalisations au fur et à mesure. J'ai ajouté un deuxième bouton, ajusté la bordure et personnalisé l'ombre pour le mode normal et le survol. Vous pouvez utiliser des images ou des icônes et vous pouvez le faire changer en une nouvelle image ou icône en survol.

Voici le résultat avec les trois textes de présentation matériels. J'ai défini l'élévation de base sur 5 et l'élévation du survol sur 1. Je survole le texte de présentation à droite pour afficher l'effet d'ombre du survol. J'ai laissé le bouton à son style par défaut, mais bien sûr, ils peuvent être stylisés comme n'importe quel bouton de Divi.

Pour celui-ci, j'ai à nouveau ajusté les effets de survol. J'ai défini l'élévation de base sur 1 et l'élévation de survol sur 0. Je survole le texte de présentation du matériau à l'extrême droite.

Battle Suit for Divi Final Countdown Exemples

Countdown Timer ajoute également un module unique. Voici un aperçu de ce que le compte à rebours peut faire. Il s'agit des paramètres par défaut utilisant le style de retournement. Vous pouvez ajuster le décalage pour que les tuiles s'alignent comme vous le souhaitez. Je l'ai placé dans la disposition Gestion des risques, qui a fourni le titre, le diviseur et le bouton.

Il s'agit du style de bloc avec les paramètres par défaut.

Pour celui-ci, je ne montre pas les semaines et les jours. J'ai déplacé les étiquettes vers le haut et j'ai changé leur taille, leur couleur et les ai toutes en majuscules. J'ai également augmenté la taille du texte de l'horloge et changé la couleur de l'arrière-plan de l'horloge. Il a également des options pour déplacer la position du texte dans l'horloge, ajuster les largeurs, etc.

Celui-ci utilise le style de bloc. J'ai augmenté la taille de la police de l'horloge et changé les polices en Aladin, les ai rendues violettes et leur ai donné un effet d'ombre. J'ai ajouté un fond gris clair à l'horloge pour qu'elle ressorte à peine.

Battle Suit for Divi Toolset Exemples

Le module complémentaire Toolset ajoute 7 modules au Divi Builder. Il nécessite la version premium de Toolset. J'ai trouvé que les modules complémentaires Battle Suit for Divi Toolset étaient assez faciles à utiliser, mais Toolset lui-même était une autre histoire. Ce n'est en aucun cas une plate-forme intuitive et je ne la recommande pas aux utilisateurs débutants de WordPress.

Même si vous connaissez WordPress et Divi, je vous recommande vivement de regarder Comment créer une archive de taxonomie personnalisée à l'aide de Toolset et Divi sur YouTube si vous n'êtes pas familier avec Toolset. Gardez à l'esprit que le menu du tableau de bord pour Toolset a changé depuis la création de la vidéo, il faudra donc peut-être quelques étapes supplémentaires pour le comprendre. Voici les étapes que j'ai suivies.

Vues du jeu d'outils

Créer une vue dans Toolset. Assurez-vous de sélectionner les types de publication affichés afin qu'ils puissent utiliser la vue.

Ignorez l'assistant de boucle et sélectionnez un modèle de contenu. Ici, vous pouvez choisir Divi, qui ajoutera Divi aux options du modèle. assurez-vous que le modèle Divi se trouve dans les balises wpv-loop.

Créez un modèle de mise en page avec le Divi Builder. Tout d'abord, activez-le en le sélectionnant dans les options de ce champ, puis cliquez pour modifier.

Créez le modèle à l'aide des modules Sensei. Publiez le modèle et enregistrez la vue.

Laissez l'éditeur de sortie vide.

Ajoutez le module Sensei Toolset View à votre page ou à votre mise en page de publication. Sélectionnez la vue dans la liste déroulante de l'onglet contenu du module.

Assurez-vous que vous n'utilisez pas une disposition de jeu d'outils pour la page. Vous voulez que Battle Suit for Divi contrôle les mises en page, pas Toolset (au moins dans ce cas).

Il affiche les publications dans une boucle d'archive à l'aide du modèle que j'ai créé dans Divi. Vous pouvez créer n'importe quel type de mise en page que vous voulez. J'ai limité l'affichage à 3 publications avec un décalage de 0, mais vous pouvez l'utiliser comme un module de blog avec des curseurs de publication, etc. Vous pouvez également commander et trier les publications par ordre principal et secondaire.

J'ai maintenant ajouté le module dans la mise en page Auteur. J'utilise le style de police de la mise en page. J'ai également ajouté une ombre de boîte au module.

Compteur d'outils

Le compteur Toolset vous permet d'entrer des nombres vers et depuis lesquels compter. Vous pouvez choisir d'afficher des nombres ou un compteur circulaire. Il comprend également toutes les personnalisations attendues. Dans cet exemple, j'ai ajouté un arrière-plan avec une ombre de boîte et un rembourrage en haut et en bas. Tout le reste est la valeur par défaut (sauf pour le numéro que j'ai entré). Le compteur numérique peut compter des nombres ou des dates.

Voici un compteur circulaire qui compte des nombres. Vous pouvez également l'avoir pour compter un champ Toolset pour le type de pourcentage.

Ensemble d'outils pour le widget WordPress Divi

Battle Suit for Divi ajoute également un nouveau widget à WordPress appelé Blurb . Ajoutez un titre, une image, une URL et une description pour créer un texte de présentation cliquable pour vos barres latérales.

Ajoutez votre titre, image, URL de lien et description. Vous pouvez l'ouvrir dans une nouvelle fenêtre si vous le souhaitez. J'ai ajouté trois widgets pour créer des liens vers des livres.

J'ai ajouté la barre latérale à une section de la mise en page Auteur. Le résultat est superbe avec les mises en page Divi.

Costume de combat pour Divi Prix

Battle Suite pour Divi est gratuit et est disponible dans le dépôt WordPress. Les modules complémentaires sont disponibles dans le menu du plugin. Les prix des suppléments sont :

• Ensemble d'outils pour Divi – 19 $
• Conception matérielle – 9,99 $
• Compte à rebours final – 9,99 $

Plus d'informations sont disponibles sur le site Web du développeur.

Battle Suit pour Divi Documentation et support

Vous pouvez contacter le support par e-mail ou en cliquant sur le lien dans le menu. La documentation est fournie en cliquant sur les liens dans le menu du plugin. Il fournit des liens vers une FAQ et la chaîne YouTube de l'éditeur où ils ont un aperçu détaillé de chaque module. Il ne comprend que les modules principaux.

Mettre fin aux pensées

Battle Suit for Divi est un plugin intéressant et il ajoute beaucoup au Divi Builder. Même la version gratuite ajoute beaucoup, mais vous pouvez l'étendre davantage avec des modules complémentaires premium. Vous pouvez choisir les modules complémentaires que vous souhaitez, ce qui en fait un système modulaire.

Je n'ai eu aucun problème avec la plupart des modules et add-ons, mais j'aimerais voir quelques exemples sur le site Web du développeur sur la façon de les utiliser. J'aimerais particulièrement voir des exemples du module complémentaire Toolset. C'est le seul add-on qui m'a posé problème.

Si vous souhaitez ajouter de nombreux nouveaux modules au Divi Builder pour faciliter votre conception, je vous recommande vivement de jeter un œil à Battle Suit for Divi.

Nous voulons de vos nouvelles. Avez-vous essayé Battle Suit pour Divi ? Dites-nous ce que vous en pensez dans les commentaires.

Image en vedette via rudall30 / shutterstock.com