How to create custom Divi module

Apr 24, 2020 | Divi Resources

How to create custom Divi module part 3: Understanding yarn commands

In the previous tutorial, we have set up the structure of the divi module. For starting the development, we need to run some commands using package manager yarn. Those commands will help us in all the way to develop the custom Divi Module.

yarn start

Yarn starts command

[code lang=”js”]function (t){
return s.a.createElement(
p.a,g({rawContentProcesser:_.a.replaceCodeContentEntities},e.props)
)}[/code]

To fix this issue, Add the below-mentioned code in your DiviExtensionTutorial.php file. You may locate this file plugins/divi-extension-tutorial/includes folder. This code is for module development purposes. Don’t forget to remove this code while you create a zip file of your final Divi Module. Here, You may find more detail about this issue.

Keep the yarn start command running while developing the custom module. This will compile your module automatically when you make any changes in CSS, JS, or JSX file.

yarn build

This command will create the build file of your custom module.

yarn zip

This command will create the zip file.

yarn eject

After finishing everything, run yarn eject command.

In this video, you can see what we have done so far.

In the next tutorial, I’ll cover the module functions and setting fields. Leave a comment if you face any problem so far.

Posted By:
Arif
Dreamer, Schemer, Music & Technology enthusiast. He enjoys building things that speak HTTP. Arif is Development Head at Elicus and has over 13 years experience in the WordPress development industry.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

38 WordPress Statistics and Facts in 2025 to Keep In Mind

38 WordPress Statistics and Facts in 2025 to Keep In Mind

If you’re using WordPress or planning to, for your website, you should know about some WordPress Statistics. So that you can make better decisions considering WordPress and its features. These statistics about WordPress are a result of careful studies and research...

Why You Need a Card Carousel in Divi (7 Reasons Explained)

Why You Need a Card Carousel in Divi (7 Reasons Explained)

Your website content is what will make the first impression, depending on whether your visitors will stay or leave the site. So, your website should be visually attractive to them. To make it appealing to your visitors, use card carousel sliders. It is reported that...

How to Make a Perfect Divi Blog Grid With Equal Height

How to Make a Perfect Divi Blog Grid With Equal Height

A blog for a website is essential when you want to drive organic sales or build a loyal audience. As much as it's essential to be on the website, it's also crucial that it should be well designed and navigational. I know how frustrating it is when one part of your...

Divi WooCommerce Extended