Point culminant du plugin Divi : Divi Machine

Divi Machine est un plugin tiers pour Divi qui ajoute de nombreuses fonctionnalités de type de publication personnalisées à Divi. Il utilise des champs personnalisés avancés et ajoute de nombreux nouveaux modules au Divi Builder pour créer de nouvelles mises en page pour vos types de publication personnalisés. Il ajoute même des fonctionnalités qu'ACF n'a pas normalement. Dans cet article, nous examinerons Divi Machine et verrons ce qu'il peut faire pour vous aider à décider s'il s'agit du bon plugin pour vos besoins.

Installer Divi Machine

Téléchargez et activez le plugin comme d'habitude. La version gratuite ou pro de Advanced Custom Fields est requise. Si vous ne l'avez pas installé, vous verrez un message pour l'installer et un lien pour voir la page du plugin dans le référentiel WordPress. Installez-le et vous êtes prêt à partir.

Paramètres de la machine Divi

Vous trouverez les paramètres sous le menu Divi Engine dans le tableau de bord WordPress. Les paramètres vous permettent d'entrer la clé de licence, d'activer le mode de débogage, d'ajouter du CSS et du JavaScript personnalisés et d'importer ou d'exporter les paramètres. L'onglet Obtenir de l'aide fournit quelques vidéos et des liens vers la documentation.

Créer un type de publication Divi Machine

L'onglet Types de publication répertorie les types de publication personnalisés que vous avez créés et fournit un bouton pour ajouter de nouveaux types de publication.

J'ai créé un nouveau type de publication appelé Maisons. J'ai ajouté le titre et tous les champs ont été remplis automatiquement. Les paramètres incluent les paramètres généraux, les étiquettes, la visibilité des publications et les options avancées.

Les paramètres généraux incluent le nom du type de publication, le slug et la description. Les étiquettes vous permettent de renommer chaque étiquette. La visibilité des publications comprend le public, la barre latérale d'administration, la position, l'icône, la barre d'administration et les menus de navigation. Les paramètres avancés incluent les taxonomies, la prise en charge des méta, l'exclusion de la recherche, l'activation des archives, le slug d'archive personnalisé et la hiérarchie.

Cliquer sur le nom de l'icône ouvre la liste des icônes WordPress dashicon où vous pouvez faire votre sélection. Je sélectionne les maisons pour le type de publication Maisons. Ceci est normalement utilisé pour les multi-sites, mais je l'utilise quand même. Copiez et collez simplement le nom dans le champ du nom de l'icône dans les paramètres de type de publication.

Une fois que vous avez publié le type de publication, le nom apparaîtra dans le menu de la barre latérale et affichera l'icône que vous avez définie pour celui-ci.

Création de groupes de champs dans ACF

Une fois que vous avez créé le type de publication dans Divi Machine, créez le groupe de champs pour le type de publication avec Advanced Custom Fields. Dans le tableau de bord WordPress, accédez à Champs personnalisés et cliquez sur Ajouter un nouveau .

Cela ouvre l'éditeur dans lequel vous allez créer le groupe de champs. Sélectionnez Ajouter un champ et un fichier dans les informations dont vous avez besoin pour ce champ. Faites cela pour chacun des champs.

Créez chacun des champs avec leurs attributs.

Vos champs s'afficheront dans l'ordre dans lequel vous les avez créés. Vous pouvez les faire glisser et les déposer pour réorganiser l'ordre et modifier chaque champ. Il s'agit de l'ordre dans lequel ils apparaîtront au bas de la page de type de publication. Ce sera différent pour chacun de vos types de messages. L'éditeur fournit une vidéo détaillée qui vous guide tout au long de ce processus, je n'ai donc pas abordé ces détails ici.

Désormais, lorsque j'ajoute une nouvelle maison à l'aide du type de publication Maisons, tous les champs sont disponibles. Une fois les publications créées, vous pouvez les afficher avec les modules de Divi Machine.

Modules de machines Divi

Divi Machine ajoute 15 nouveaux modules au Divi Builder. Les modules comprennent :

1. Article ACF
2. Boucle d'archivage
3. Boucle de catégorie
4. Filtrer les messages
5. Galerie
6. Commandé par
7. Carrousel de poste
8. Publier un contenu
9. Post Meta
10. Curseur de poste
11. Titre de l'article
12. Répétiteur
13. Rechercher des messages
14. La vignette
15. Bouton Afficher les messages

Ces modules peuvent être utilisés pour créer des mises en page personnalisées pour vos pages de type de publication, pages de catégorie, pages d'archive, etc.

Chacun des modules comprend les fonctionnalités standard de Divi avec les onglets Contenu, Conception et Avancé. Ils incluent des options pour choisir les dispositions, les paramètres de boucle, les options de grille, les paramètres d'éléments et bien plus encore. Aucun des modules qui ont ces sous-éléments, ou enfants, n'affiche de contenu dans Visual Builder.

Certains des paramètres nécessiteront une certaine connaissance des types de publication et des boucles personnalisés pour être compris. Les débutants peuvent être frustrés au début, mais les mises en page fournies aident beaucoup. Regardons quelques exemples de pages réalisées avec les modules Divi Machine.

Packs gratuits de mise en page de la machine Divi

L'éditeur propose plusieurs packs de mise en page gratuits avec des pages pour le Divi Builder et le Divi Theme Builder. Ils sont téléchargeables sur le site de l'éditeur. J'utiliserai les dispositions de l'agent immobilier dans cet article.

Les mises en page Divi pour le type de publication Maisons se concentrent sur les agents immobiliers. Ils incluent Aucune publication trouvée, Page de propriété unique et Disposition en boucle.

Les dispositions de corps du Générateur de thèmes pour le type de publication Maisons incluent Toutes les maisons, Toutes les pages de catégorie de maisons et la page d'archive de maisons.

Lorsque vous téléchargez les mises en page dans le générateur de thèmes, elles vous sont automatiquement attribuées.

Toutes les maisons

La mise en page Toutes les maisons a été conçue pour le générateur de thèmes. Il utilise des textes de présentation, du texte, un séparateur, un formulaire de contact et de nombreux modules Divi Machine.

Toutes les catégories de maisons et pages d'archives

Les présentations de page Toutes les maisons Catégorie et Archive affichent un titre, un filtre de publication, un ordre par module et la boucle d'archivage.

Disposition en boucle des agents immobiliers

Voici la mise en page Estate Loop. Il comprend des modules pour le titre de la publication, l'élément AFC, la vignette, la méta de la publication, etc.

Propriétés uniques

La disposition des propriétés unique affiche la vignette, le titre de la publication et l'élément ACF.

Page de publication unique

Voici un aperçu de la page de publication unique créée dans le générateur de thèmes. Il affiche le titre avec l'image en vedette en arrière-plan en parallaxe. Les éléments de la barre latérale flottent et ne défilent que lorsque l'élément suivant le rencontre pour prendre sa place à l'écran. Plus de propriétés sont affichées sous forme de cartes au bas de la page.

Fonctionnalités de Divi Machine AJAX

Divi Machine possède plusieurs fonctionnalités AJAX qui permettent aux utilisateurs de mettre à jour les informations sur la page sans avoir à recharger la page. C'est génial pour les recherches et les filtres.

Filtrer les messages

L'une des fonctionnalités AJAX les plus intéressantes est le filtre. Sélectionnez ce que vous voulez dans les listes déroulantes et les résultats apparaissent sans recharger la page. Le filtre est rapide. Cela ne fonctionne que pour le contenu créé par Divi Machine.

Chacun des éléments du filtre est ajouté en tant que sous-éléments.

Bouton Charger plus

Le module Archive Loop comprend une fonctionnalité Charger plus afin que vous puissiez limiter le nombre de publications qui s'affichent lorsque la page se charge. Les utilisateurs peuvent charger plus de publications rapidement sans charger une nouvelle page.

Commandé par

Le module Trier par vous permet de choisir les options de classement auxquelles les utilisateurs ont accès lors du tri des publications et des résultats. Vous créez les articles commandés, vous avez donc un contrôle total.

Galerie

Vous pouvez même créer une galerie même si la version gratuite d'ACF n'inclut pas d'option de galerie. Le module Galerie vous permet de créer une grille de galerie ou un slider et de choisir le type de galerie ACF.

Documentation

La documentation est fournie sous forme écrite et vidéo. Des didacticiels vidéo détaillés sont liés dans les menus contextuels de la page du produit sur le site Web du développeur. Je les ai trouvés inestimables. Ils expliquent même comment utiliser ACF.

Prix

Divi Machine est disponible auprès de Divi Engine. Il dispose de plusieurs options d'achat :

Annuel

• 1 site 18 £
• 2 à 5 emplacements 42 £
• 85 £ illimités

Durée de vie

• 1 site 63 £
• 260 £ illimités

Ils incluent un an de support et de mises à jour tant que la licence est active.

Mettre fin aux pensées

C'est notre regard sur Divi Machine. Ce plugin ajoute de nombreuses fonctionnalités à la fois aux champs personnalisés avancés et à Divi. Les types de publication personnalisés peuvent être un peu difficiles pour les nouveaux utilisateurs, mais ce plugin est aussi simple, voire plus facile, à utiliser que n'importe quel plugin de type de publication personnalisé que j'ai utilisé avec Divi. Les vidéos sont d'une aide précieuse pour configurer les types de publication et les mises en page sont un excellent point de départ lors de la conception de vos pages de type de publication avec Divi. Si vous souhaitez utiliser des types de publication personnalisés avec Divi, Divi Machine est un choix facile.

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

Image en vedette via PODIS / shutterstock.com