Nowadays, we’re introducing new menu parts, menu looping, and selector-based focused on and breakpoint triggers to the interplay builder.
Those new options, in conjunction with Divi 5’s broader methods like canvases and semantic components, all come in combination to provide the freedom to construct any form of menu, together with mega menus, slide-in menus, and extra.
We aren’t finished including extra menu options. We’re including them piece through piece, and every piece unlocks a vast vary of latest chances.
Take a look at the next video to look the brand new function in motion. 👇
Contents
New Menu Elements
To provide the maximum freedom to construct any form of menu, we’re including smaller menu parts that may faucet into broader methods.
As an alternative of being locked into a selected structure, you’ll be able to construct your individual! With interactions, nested components, sticky components, and quite a lot of helpful menu parts (buttons, social icons, and extra), you’ll be able to construct absolutely anything.
Nowadays, we’re including two extra items to the puzzle: the Hyperlink and Dropdown modules.
Hyperlink Module
The hyperlink module may be very easy; it permits you to upload hyperlinks! Mindblowing, proper? Each menu begins with hyperlinks, in order that’s the place we began too.
You’ll use the menu module to construct your individual menus, as a substitute of the use of the WordPress menus gadget immediately. Upload a hyperlink module, plug in Dynamic Content material comparable to Web page Name and URL, and now you’ve gotten an evergreen menu merchandise
Simple!
Dropdown Module
You’ll already construct dropdown menus the use of the interplay builder. However it does take slightly setup.
The brand new drop-down module encapsulates that good judgment, making it simple to create dropdown menus at the fly.
While you upload a dropdown module inside of a component, the interactability is robotically tied to the mum or dad component. While you hover over or click on the mum or dad component, the dropdown menu seems. You’ll upload it any place.
The dropdown menu is a clean canvas; upload hyperlinks to create a menu, or upload rows and construct your individual mega menu the use of any component.
Menu Loops
You’ll construct your individual menus from person modules, or you’ll be able to use the brand new Menu Loop to loop thru pieces of a WordPress menu.
For instance, as proven within the video underneath, if I activate looping for a hyperlink and make a selection the Menu question sort, I will be able to choose between all of the menus on my internet sites.
Subsequent, I will be able to plug in dynamic content material from the loop, comparable to menu textual content and menu hyperlinks, and now I’ve created my very own dynamic menu with whole regulate over the design of the looping component.
New Interplay Objectives & Triggers
We offered selector-based interplay objectives. While you create an interplay, you’ll be able to now goal mum or dad or kid components somewhat than a selected component. It’s helpful when growing reusable menu parts, comparable to a hamburger icon or X icon.
For instance, as proven within the video underneath, if I upload an X icon to an off-canvas menu, I will be able to inform it to all the time shut its mum or dad container. Regardless of the place I put the X icon, it’s going to all the time shut the mum or dad container; I don’t must reconfigure the interplay.
After all, we added new breakpoint triggers to the interplay builder. Now, you’ll be able to have interactions that run on explicit breakpoints, which, as an example, can come up with extra regulate over the cellular menu breakdown.
Prior to/After Symbol Slider Module
Good enough, another factor, I threw in a brand new Prior to and After Symbol Slider module. I used to be on a roll with module introduction and had some overtime, so I assumed, “Why no longer?” You’ll upload a before-and-after symbol and a slide to match the 2.
Check out Divi 5 Nowadays
Those options are actually to be had for Divi 5. Give them a try to tell us your ideas.
We rebuilt Divi from the bottom up and packed it stuffed with dozens of your maximum asked options. Put out of your mind the whole lot you concept you knew about Divi, as a result of Divi 5 is a completely other beast.
Have You Attempted The New Divi 5 Preset Supervisor?
For those who ignored it, we just lately launched the brand new Web page Supervisor, Preview Mode, and Content material Drilldown.
Watch this video for all of the main points. 👇
Extra Divi 5 Updates Are On The Approach
The options stay coming, and we aren’t slowing down anytime quickly!
If you’re playing those updates, do us an enormous choose and tell us through liking this video and leaving a remark. It method 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 disregard to practice us on YouTube and subscribe to the Divi publication so that you by no means omit an replace. I’ll see you quickly for some other Divi 5 function announcement, which I promise will probably be proper across the nook. 😁
The submit New Menu Modules, Menu Looping and Interactions gave the impression first on Chic Subject matters Weblog.
WordPress Web Design