I’m excited to introduce Nested Modules for Divi 5, which can considerably strengthen the flexibility of Divi components and lay the root for a complicated component-based menu builder.

Now, you’ll be able to upload modules within different modules, with endless nestability. Construct customized layouts within sliders, tabs, accordions, and the entirety else. Upload a button on your menu, insert an opt-in shape into your weblog’s grid, and a lot more.

This can be a tough improve. 💪

Take a look at the next video to look the brand new function in motion. 👇

Limitless Nestability For All Parts

Within the settings panel of all local Divi components, you’ll discover a new Parts possibility crew. Click on Upload Component so as to add a brand new row or module throughout the present part.

As proven within the video beneath, I will be able to upload a button to a blurb module or construct a customized format the use of rows within a tabs module. If truth be told, you’ll be able to upload a slider within a toggle within an accordion, which, whilst solely foolish, illustrates the liberty Divi will provide you with to construct the rest.

Each and every Component Is A Flex/Grid Container

We’ve used semantics to offer which means to construction components, akin to rows and columns. Now, any part, together with modules, could be a container, and each and every part comes with the total suite of flex and grid settings to regulate the format of its kids.

You’ll follow flex and grid construction templates to the rest. As noticed within the video beneath, the construction template implemented to my pricing tables module controls the format of its pricing desk pieces, similar to a row can regulate the layouts of its columns.

A module’s format choices too can regulate its local content material components. As an example, as proven within the video beneath, if I wish to place a blurb module’s symbol to the left of its textual content, it’s as simple as atmosphere its flex path to row.

New Flex Column Choices

We added flex column width choices to all components. If a component is within a flex container, you’ll be able to briefly use Divi’s pre-built column widths to construct a customized format construction, with out the use of math to calculate optimum width and hole values.

Stepped forward Nested Parts UI

We’ve made it more uncomplicated to paintings with nested components.

1. Upload and Paste Above/Underneath/Within: First, you’ll in finding new right-click choices so as to add components above, beneath, or within components at the canvas. You don’t wish to click on the plus button so as to add components; you’ll be able to use the right-click menu, which will provide you with extra regulate over the place the part is added. The similar choices are to be had when pasting, permitting you to stick components above, beneath, or throughout the goal part.
2. Sortable Record Interface: The sortable checklist throughout the Component possibility crew offers fast get admission to to kid components.
3. Stepped forward Drag & Drop: We additionally enhanced Divi’s drag-and-drop device to help you drop components within modules, and progressed the drag and drop signs to paintings higher within grid and flex boxes.

Grid & Flex Choice Consolidation

Divi has quite a lot of modules that had their very own grid format choices, together with the weblog, gallery, and portfolio modules. Those legacy “Grid Mode” settings overlap with Divi 5’s new Structure possibility crew, which has a a lot more complete set of choices.

Those legacy grid mode choices were deprecated and migrated to the brand new format possibility crew’s local grid choices.

In a similar way, quite a lot of modules had distinctive settings to regulate format path, akin to the e-mail opt-in module’s “Shape Left, Content material Proper” possibility.

Those choices overlap with Divi 5’s flex choices within the format possibility crew, and feature been deprecated and migrated to map to the format possibility crew’s local flex path settings.

Check out Divi 5 As of late

Nested Modules for Divi 5 is to be had as of late and is one of the options coming to Divi this 12 months.

You’ll observe alongside as we development throughout the ultimate unlock of Divi 5 and past, with updates each and every two weeks. Relying to your priorities, you’ll be able to use Divi 5 now or wait till we upload extra options, no matter works right for you.

We would like you to check out it, and when you adore it, use it; when everybody loves it, we’ll make it legit.

The Divi 5 Beta Starts!

Divi 5 has entered the Public Beta segment, the overall segment sooner than its legit unlock.

Divi 5 has been to be had for brand spanking new web sites for a while, nevertheless it was once lacking a couple of options that sure present web sites couldn’t are living with out. The ones options are whole, which means websites can migrate all their legacy Divi 4 modules to the brand new device and get pleasure from the numerous new options we’ve added over the last 12 months.

Give it a try, and tell us what you suppose. We’ll stay addressing your comments sooner than the legit unlock.

Watch this video for the entire main points. 👇

Extra Divi 5 Updates Are On The Means

2025 is the 12 months of Divi 5. The tedious paintings is at the back of us. We constructed the super-fast basis, and now it’s time for Divi to make its comeback.

In the event you’re right here for the Divi comeback, do us an enormous want and tell us via liking this video and leaving a comment. It approach so much to us to look you cheering Divi on, and it’s crucial to feed the set of rules and unfold the phrase.

Don’t fail to remember to follow us on YouTube and subscribe to the Divi newsletter so that you by no means leave out an replace. I’ll see you quickly for any other Divi 5 function announcement, which I promise can be appropriate across the nook. 😁

The publish Introducing Nested Modules For Divi 5 seemed first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more