Comment créer un module Divi personnalisé?
Comment puis-je ajouter un module personnalisé pour Divi thème WordPress?
http://www.elegantthemes.com/gallery/divi/
Des modules originaux sont créés dans main-modules.php
Exemple:
class ET_Builder_Module_Gallery extends ET_Builder_Module { .... }
Mais la ET_Builder_Module
classe n'est pas accessible dans mon plugin, ou dans le thème functions.php
source d'informationauteur Kiss Bálint
Vous devez vous connecter pour publier un commentaire.
La plupart des autres solutions ici sont trop complexes. La façon la plus simple est de charger votre module personnalisé dans la divi action spécifique crochet
et_builder_ready
comme ceci:Vous trouverez l'intégralité de la démo de code sur github. Avec quelques instructions sur la façon de le faire fonctionner dans le tout nouveau Divi 3 interface builder:
https://github.com/stracker-phil/divi3-vb-custom-modules/
Place ci-dessous dans votre functions.php fichier. Le fichier à inclure (je l'ai appelé custom-modules.php) sera une classe qui étend la classe ET_Builder_Module (qui est très similaire à WP_Widget). Il suffit d'ouvrir le fichier à partir de Divi>>comprend>>builder>>main-modules.php. Utiliser les modules préexistants comme un exemple ou la base de votre nouvelle. Copier et coller dans votre custom-modules.php. De nouveaux noms de classe, faire des modifications au besoin, etc.
Le code ci-dessus ne fonctionne pas
La fonction doit être appelée ainsi.
Voici un exemple avec le code de travail de https://divi.space/blog/adding-custom-modules-to-divi/
Remarque importante: La limace pour votre module personnalisé doit contiennent la chaîne
et_pb_
ou il sera filtré par la fonctionet_pb_allowed_modules_list()
.J'ai pu ajouter une nouvelle Divi module à l'aide du code suivant (nécessite PHP 5.3+ pour la fonction anonyme):
À l'intérieur du fichier inclus, copier et coller un
class
de lawp-content/themes/Divi/includes/builder/main-modules.php
fichier, puis de le modifier pour l'adapter à vos besoins. Voir l'exemple ci-dessous (copie d'une classe réelle à partir du fichier mentionné à obtenir le contenu de chacune des méthodes énumérées ci-dessous... j'aime lesET_Builder_Module_Code
classe pour des raisons de simplicité):Je veux essayer de régler le peu de débat ici.
classe ET_Builder_Module_Custom_Module s'étend ET_Builder_Module {} fonctionne réellement et main-modules.php peut être modifié librement SI un Thème Enfant est utilisé.
J'ai récemment ajaxified un Thème Divi et après la mise à jour, tout a fonctionné comme un charme.
Remarque: C'est toujours une bonne idée de vérifier s'il existe des mises à jour sur les fichiers que vous utilisez à l'intérieur du thème de l'enfance, parce que parfois vous pouvez avoir besoin de mettre à jour les fichiers enfants aussi.
J'espère que cela a permis à tous les futurs lecteurs de ce post.
HFGL avec les nouveaux modules de vous sont sur le point de créer 😉
Pour la création de modules personnalisés, je voudrais utiliser les modules existants pour créer un design (mise en page), permettrait d'économiser que de la conception de Divi bibliothèque et permettrait d'utiliser des textes ou des modules de Code et écrire tout le code HTML/jquery.
Comme ici, https://github.com/Skaidrius/Divi/tree/master/Layouts/Price-list
Vous pouvez le faire en modifiant les Divi fichiers de thème (ce qui est mauvais)
Par exemple, vous pouvez modifier main-modules.php pour ajouter un nouveau module:
Après cela, vous devez ajouter le panneau pour le customizer dans functions.php:
Si vous faites une recherche dans functions.php vous trouverez l'endroit où ajouter facilement 😉