Comment créer un module Divi personnalisé?

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_readycomme ceci:

add_action( 'et_builder_ready', 'evr_initialize_divi_modules' );

function evr_initialize_divi_modules() {
    if ( ! class_exists( 'ET_Builder_Module' ) ) { return; }

    class EVR_Builder_Module_Testimonial extends ET_Builder_Module {
        function init() {
            $this->name       = esc_html__( 'Testimonial', 'evr' );
            $this->slug       = 'evr_pb_testimonial';
            $this->fb_support = true;

            //...

        }
    }
}

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/

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/

function DS_Custom_Modules(){
if(class_exists("ET_Builder_Module")){
include("ds-custom-modules.php");
}
}
function Prep_DS_Custom_Modules(){
global $pagenow;
$is_admin = is_admin();
$action_hook = $is_admin ? 'wp_loaded' : 'wp';
$required_admin_pages = array( 'edit.php', 'post.php', 'post-new.php', 'admin.php', 'customize.php', 'edit-tags.php', 'admin-ajax.php', 'export.php' ); //list of admin pages where we need to load builder files
$specific_filter_pages = array( 'edit.php', 'admin.php', 'edit-tags.php' );
$is_edit_library_page = 'edit.php' === $pagenow && isset( $_GET['post_type'] ) && 'et_pb_layout' === $_GET['post_type'];
$is_role_editor_page = 'admin.php' === $pagenow && isset( $_GET['page'] ) && 'et_divi_role_editor' === $_GET['page'];
$is_import_page = 'admin.php' === $pagenow && isset( $_GET['import'] ) && 'wordpress' === $_GET['import']; 
$is_edit_layout_category_page = 'edit-tags.php' === $pagenow && isset( $_GET['taxonomy'] ) && 'layout_category' === $_GET['taxonomy'];
if ( ! $is_admin || ( $is_admin && in_array( $pagenow, $required_admin_pages ) && ( ! in_array( $pagenow, $specific_filter_pages ) || $is_edit_library_page || $is_role_editor_page || $is_edit_layout_category_page || $is_import_page ) ) ) {
add_action($action_hook, 'DS_Custom_Modules', 9789);
}
}
Prep_DS_Custom_Modules();

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 😉

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:

class ET_Builder_Module_Custom_Module extends ET_Builder_Module {
function init() {
$this->name = __( 'My Module', 'et_builder' );
$this->slug = 'et_pb_custom_module';

Après cela, vous devez ajouter le panneau pour le customizer dans functions.php:

/* Section: Custom Module */
$wp_customize->add_section( 'et_pagebuilder_custom_module', array(
'priority'       => 220,
'capability'     => 'edit_theme_options',
'title'          => __( 'My Module', 'Divi' ),
//'description'    => '',
) );

Si vous faites une recherche dans functions.php vous trouverez l'endroit où ajouter facilement 😉