Point culminant du plugin Divi – JEDI

Publié: 2017-09-25

Si vous avez empaqueté un thème enfant pour la distribution, vous avez probablement rencontré quelques problèmes en cours de route. Ce processus implique généralement plusieurs plugins qui génèrent plusieurs fichiers pour créer votre package zippé. Cela ne se passe presque jamais bien du premier coup et un dépannage est généralement nécessaire pour que tout fonctionne correctement. Tous ces problèmes sont résolus avec un plugin tiers appelé JEDI (Jerry's Easy Demo Import).

JEDI est un plugin facile à utiliser qui crée une version packagée d'un thème enfant ou d'un kit de mise en page. Dans cet aperçu, je jette un coup d'œil à l'édition JEDI Master et crée un package de thème enfant et un plugin de mise en page, et vois à quel point il est facile à installer.

Installation et activation

Installez et activez le plugin comme d'habitude. Dans le tableau de bord, accédez à JEDI Master , License . Saisissez votre clé de licence et enregistrez les modifications. Une fois que vous avez enregistré les modifications, vous verrez un bouton pour activer votre licence.

Exporter le contenu de la démo

Vous pouvez créer un thème enfant packagé ou un kit de mise en page. Les thèmes enfants sont comme n'importe quel thème enfant normal, mais avec un élément supplémentaire ajouté au menu du tableau de bord pour importer le contenu de la démo.

Les kits de mise en page ne sont pas installés de la même manière qu'un pack de mise en page, qui inclut des fichiers JSON. Au lieu de cela, ils ressemblent plus à un thème enfant, mais emballés sous forme de plugin. Il ajoute également un élément de menu au tableau de bord pour importer du contenu de démonstration. Cependant, il n'ajoute pas réellement de thème enfant. Je recommande d'utiliser un thème enfant vierge et d'y importer votre contenu. Si vous n'utilisez pas de thème enfant, vous ne pouvez exporter qu'un plugin de mise en page.

L'élément de menu pour les deux types ajoute également un onglet de documentation. Vous pouvez créer votre propre documentation ou utiliser la valeur par défaut.

Installateur de thème enfant

Il s'agit d'un thème enfant que j'ai créé avec plusieurs pages personnalisées, une intégration WooCommerce, un contenu factice et des images d'espace réservé. Il dispose également d'un menu vertical avec du code pour afficher les icônes sociales de Font Awesome. C'est le thème enfant que je vais exporter.

Normalement, les icônes sociales doivent être ajoutées manuellement. Voyons si JEDI peut le gérer.

Tout d'abord, choisissez ce que vous souhaitez inclure dans le package. Le premier choix est les articles et les pages. Cela sera différent d'un site à l'autre car il inclut tous les types de publication que vous avez installés. Ce thème enfant a une intégration WooCommerce, donc les types de publication WooCommerce sont inclus.

Les choix incluent également les options de thème et les paramètres de personnalisation, CSS, menu, widgets et l'option pour définir automatiquement la page d'accueil.

Choisissez entre l'empaquetage en tant que mise en page ou thème enfant, nommez le fichier d'installation, fournissez un message à afficher et définissez les plug-ins recommandés. Étant donné que ce thème enfant utilise WooCommerce, je l'ai défini comme plugin recommandé et ajouté l'URL à sa page dans le dépôt WordPress. Il ne vous obligera pas à installer le plugin et ne fournit pas de bouton pour effectuer l'installation, mais il fournit le nom et un lien vers le plugin.

Si vous utilisez la version gratuite, Layout Kit Plugin sera votre seule option d' importation du style d'installation . L'édition Pro ajoute Child Theme Installer . Si vous n'utilisez pas de thème enfant, Layout Kit Plugin sera votre seule option.

Une fois que vous avez fait vos sélections et entré les informations, cliquez sur Exporter le contenu de la démo .

Lorsque le package est terminé, vous verrez le rapport avec un fichier zip téléchargeable. Téléchargez simplement le fichier compressé et il est prêt à être distribué.

Options d'exportation supplémentaires

Les options d'exportation supplémentaires vous permettent de choisir les types de publication et les données à inclure dans le téléchargement. Avec cela, vous pouvez également créer une page de support personnalisée et une page de documentation. Ajoutez votre propre code HTML avec des messages et des liens. Les champs incluent le code HTML avec des informations sur chaque champ pour vous aider à créer votre propre documentation.

Télécharger votre thème enfant

Vous devez d'abord avoir Divi installé et activé. Ensuite, téléchargez le thème enfant comme n'importe quel thème et activez-le. Les utilisateurs n'ont pas besoin du plugin JEDI.

Si vous avez inclus votre propre image pour le thème enfant, votre package de thème enfant créé par JEDI inclura cette image. Une fois le thème enfant activé, vous verrez un nouvel élément de menu avec le nom de votre thème enfant (le nom de l'installateur d'importation que vous avez fourni). Cela inclut un bouton pour importer les données de démonstration et votre documentation. Sélectionnez ce menu et cliquez sur Easy Demo Import .

Vous verrez cet écran où vous pouvez choisir ce qu'il faut importer. Vous verrez également la liste des plugins recommandés. Une fois que vous avez fait vos sélections, cliquez sur Importer le contenu de la démo.

Remarque – Les options de thème Divi, les paramètres de personnalisation de Divi et les paramètres de widget écraseront vos paramètres actuels.

Une fois l'importation terminée, vous verrez un message indiquant ce qui a été importé et indiquant qu'il est terminé.

L'élément de menu Documentation contient toute la documentation que vous avez créée dans le menu Options d'expert supplémentaires . Ces champs afficheront leurs valeurs par défaut si vous n'avez pas apporté de modifications.

C'est ça. Toutes mes pages personnalisées ont été incluses et la page d'accueil est définie automatiquement. Il incluait même mon code personnalisé pour que le menu inclue les icônes sociales. Aucun autre réglage n'a été nécessaire, et c'était du premier coup.

Plugin du kit de mise en page

Pour celui-ci, je souhaite enregistrer les mises en page de mon thème enfant en tant que pack de mise en page.

Sélectionnez le plug-in du kit de mise en page . Notez qu'il crée un plugin et non des fichiers JSON. Cliquez sur Exporter le contenu de la démo et téléchargez le fichier compressé.

La principale différence entre le plugin de mise en page et les fichiers JSON standard est qu'il a la possibilité d'importer des options de thème, des paramètres de personnalisation, CSS, la structure de menu, des widgets, et il peut définir votre page d'accueil. Bien sûr, vous pouvez désélectionner tous ceux-ci et ne fournir que des pages et des articles qu'ils pourraient ensuite ajouter à la bibliothèque Divi.

Téléchargement de votre mise en page

Installez la mise en page de la même manière que n'importe quel plugin.

Une fois que vous avez activé le plugin, vous verrez le nom de la mise en page dans le menu du tableau de bord. Tout comme le thème enfant, il inclut des options d'importation et votre propre page de documentation personnalisable. Choisissez les options souhaitées et cliquez sur Importer du contenu de démonstration .

Une fois l'importation terminée, le nombre de fichiers importés s'affichera. Une fois que vous avez importé votre contenu, vous pouvez désactiver le plugin et enregistrer les pages dans votre bibliothèque.

Le résultat est le même que mon thème enfant avec toutes les pages et tous les styles. Ce n'est pas un thème enfant, donc toutes les modifications CSS ou PHP que vous apporterez seront effectuées dans Divi à moins que vous n'installiez un thème enfant vide.

Supplémentaire

Il est également compatible avec Extra. Cependant, les pages de catégorie d'Extra ne sont pas des pages d'accueil statiques, elles ne seront donc pas incluses et ne pourront pas être automatiquement définies comme page d'accueil.

Depuis que j'ai créé une mise en page à l'aide du générateur de catégories, il n'a pas introduit les mises en page de catégorie ni défini la page d'accueil, mais il a apporté tout le reste. Je suis sûr que c'est une fonctionnalité qui sera ajoutée à l'avenir.

Documentation

La documentation est incluse dans le menu du tableau de bord JEDI. Il comprend des liens vers chacune des sections avec des instructions complètes sur l'utilisation du plugin gratuit et de la version pro.

Soutien

L'assistance est fournie via un groupe Google ou par e-mail.

Dernières pensées

J'ai essayé plusieurs méthodes pour créer des packages de thèmes enfants et JEDI est de loin la plus simple. Jusqu'à présent, j'ai dû utiliser environ 3 plugins et fonctionnalités de code manuel telles que les plugins et les liens requis dans le menu. JEDI fonctionne très bien sur le multisite (qui est la méthode de choix pour de nombreux développeurs de thèmes enfants).

J'ai eu des difficultés à importer dans un site dans lequel j'avais déjà importé un autre fichier JEDI. Il s'agit peut-être simplement d'un simple problème d'effacement du cache de mon site Web.

Le processus d'installation des thèmes enfants est le même que pour toute installation en un clic. La principale différence est la possibilité d'ajouter vos propres instructions au menu du tableau de bord et de fournir des liens d'assistance. Le processus d'installation des mises en page est plus simple que la méthode traditionnelle de téléchargement de fichiers JSON sur la page.

Si vous êtes intéressé par une méthode simple pour emballer des thèmes et des mises en page enfants, JEDI pourrait être la solution que vous recherchez. Vous pouvez créer des fichiers de mise en page avec l'édition gratuite. Les fichiers de thème enfant nécessitent l'édition pro. Vous pouvez trouver JEDI ici.

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

Image en vedette via SkillUp / shutterstock.com