I’m excited to introduce Nested Modules for Divi 5, which can considerably beef up the flexibility of Divi parts and lay the root for a complicated component-based menu builder.
Now, you’ll be able to upload modules inside of different modules, with endless nestability. Construct customized layouts inside of sliders, tabs, accordions, and the whole thing else. Upload a button in your menu, insert an opt-in shape into your weblog’s grid, and a lot more.
This can be a robust improve. 💪
Take a look at the next video to peer the brand new function in motion. 👇
Endless Nestability For All Parts
Within the settings panel of all local Divi parts, you’ll discover a new Parts possibility crew. Click on Upload Component so as to add a brand new row or module within the present component.
As proven within the video beneath, I will be able to upload a button to a blurb module or construct a customized structure the use of rows inside of a tabs module. In reality, you’ll be able to upload a slider inside of a toggle inside of an accordion, which, whilst fully foolish, illustrates the liberty Divi provides you with to construct the rest.
Each and every Component Is A Flex/Grid Container
We’ve used semantics to present that means to construction parts, equivalent to rows and columns. Now, any component, together with modules, is usually a container, and each component comes with the whole suite of flex and grid settings to keep watch over the structure of its youngsters.
You’ll be able to practice flex and grid construction templates to the rest. As noticed within the video beneath, the construction template carried out to my pricing tables module controls the structure of its pricing desk pieces, identical to a row can keep watch over the layouts of its columns.
A module’s structure choices too can keep watch over its local content material parts. As an example, as proven within the video beneath, if I need to place a blurb module’s symbol to the left of its textual content, it’s as simple as atmosphere its flex course to row.
New Flex Column Choices
We added flex column width choices to all parts. If a component is inside of a flex container, you’ll be able to temporarily use Divi’s pre-built column widths to construct a customized structure construction, with out the use of math to calculate optimum width and hole values.
Advanced Nested Parts UI
We’ve made it more straightforward to paintings with nested parts.
- Upload and Paste Above/Underneath/Within: First, you’ll in finding new right-click choices so as to add parts above, beneath, or inside of parts at the canvas. You don’t want to click on the plus button so as to add parts; you’ll be able to use the right-click menu, which provides you with extra keep watch over over the place the component is added. The similar choices are to be had when pasting, permitting you to stick parts above, beneath, or within the goal component.
- Sortable Listing Interface: The sortable record within the Component possibility crew provides fast get right of entry to to kid parts.
- Advanced Drag & Drop: We additionally enhanced Divi’s drag-and-drop device to mean you can drop parts inside of modules, and progressed the drag and drop signs to paintings higher inside of grid and flex bins.
Grid & Flex Possibility Consolidation
Divi has quite a lot of modules that had their very own grid structure choices, together with the weblog, gallery, and portfolio modules. Those legacy “Grid Mode” settings overlap with Divi 5’s new Format 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 structure possibility crew’s local grid choices.
In a similar fashion, quite a lot of modules had distinctive settings to keep watch over structure course, equivalent 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 structure possibility crew, and feature been deprecated and migrated to map to the structure possibility crew’s local flex course settings.
Check out Divi 5 These days
Nested Modules for Divi 5 is to be had lately and is one of the options coming to Divi this 12 months.
You’ll be able to observe alongside as we development during the ultimate unlock of Divi 5 and past, with updates each 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 wish you to check out it, and for those who find it irresistible, use it; when everybody loves it, we’ll make it professional.
The Divi 5 Beta Starts!
Divi 5 has entered the Public Beta segment, the overall segment prior to its professional unlock.
Divi 5 has been to be had for brand spanking new web sites for a while, but it surely used to be lacking a couple of options that sure current web sites couldn’t reside with out. The ones options are entire, that 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 check out, and tell us what you suppose. We’ll stay addressing your comments prior to the professional unlock.
Watch this video for the entire main points. 👇
Extra Divi 5 Updates Are On The Manner
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 desire and tell us via liking this video and leaving a remark. It way so much to us to peer you cheering Divi on, and it’s crucial to feed the set of rules and unfold the phrase.
Don’t put out of your mind to observe us on YouTube and subscribe to the Divi e-newsletter so that you by no means pass over an replace. I’ll see you quickly for some other Divi 5 function announcement, which I promise can be appropriate across the nook. 😁
The submit Introducing Nested Modules For Divi 5 gave the impression first on Sublime Topics Weblog.
WordPress Web Design