I’m excited to introduce Divi Canvases for Divi 5.
A canvas is a workspace indifferent out of your primary put up content material. You’ll be able to use them as staging spaces for design updates, a spot to arrange off-canvas elements, or just as a secure area to experiment with new concepts. You’ll be able to create international canvases to construct website-level off-canvas menus and popups, in addition to native canvases for particular posts.
We additionally added a brand new Canvas Portal module!
Take a look at the next video to peer the brand new characteristic in motion. 👇
How To Use Canvases In Divi 5
First off: what’s a canvas? Put merely, canvases are puts the place you’ll construct issues whilst protecting them become independent from each and every different. Each web page includes a primary canvas, representing the web page’s number one content material. New canvases are indifferent from the primary content material. They may be able to be used to construct off-canvas elements centered by means of Divi’s interplay builder, or as a spot to experiment with new concepts with out affecting the web page at the entrance finish.
Managing Canvases
You’ll understand a brand new canvas dropdown menu on the best of the builder. You’ll be able to use this to modify between canvases or upload a brand new canvas. You’ll be able to make canvases international to lead them to out there from any web page or template, and you’ll make a selection to routinely append canvases in your put up content material at the entrance finish.
As soon as inside of a canvas, you’ll paintings freely inside the indifferent workspace.
Click on the canvas grid view to get a visual field of your entire canvases and turn between them. You’ll be able to right-click to edit, reproduction, export, and delete. You’ll be able to additionally assign any canvas as the primary canvas for that web page; it’s a pleasing strategy to paintings on and set are living other web page diversifications with no need to move in your library.
Canvas Staging Spaces And Playgrounds
One of the crucial most simple packages for canvases is to create indifferent workspaces to experiment with new concepts. Hop onto a brand new canvas and get your concepts onto the web page with out messing with the web page’s content material at the entrance finish. Use a canvas as a workspace for developing presets.
Canvases additionally function staging spaces. You’ll be able to reproduction your primary canvas, make adjustments, after which set them are living when they’re able.
Off Canvas Menus & Popups
An effective way to make use of canvases is to retailer off-canvas elements, akin to popups and menus, making them reusable and from your method. That’s as a result of we up to date the Interplay Builder to paintings with off-canvas parts.
For instance, you’ll create an interplay to your primary canvas that goals an off-canvas popup. Canvases centered by means of interactions are routinely appended to the primary canvas at the entrance finish, however stored out of our method within the builder.
Within the instance video underneath, I created international menu and pop-up canvases that retailer hidden sections, which I animated the use of Divi’s animation settings. I added a click-based interplay to this icon in my header to toggle the primary phase within the menu canvas, and I added a viewport interplay to this phase to toggle the pop-up. At the entrance finish, clicking the menu icon toggles the menu, and scrolling down the web page toggles my pop-up.
Canvas Portal Module
We additionally offered a brand new module referred to as the Canvas Portal, which can be utilized to inject canvas content material into specific spaces to your web page.
For instance, within the video underneath, I created an off-canvas mega menu this is toggled after I hover over an anchor hyperlink in my header the use of Divi’s interplay builder. Since I would like the mega menu to be situated relative to the hyperlink, I used a canvas portal to inject the content material throughout the textual content module, which is straightforward due to Divi 5’s nested parts.
Check out Divi 5 Nowadays
Divi’s off-canvas machine is extremely flexible, supplying you with extra freedom than different developers to make use of canvases in distinctive techniques. It’s to be had for Divi 5 as of late, so give it a check out and tell us your ideas.
We rebuilt Divi from the bottom up and packed it stuffed with dozens of your maximum asked options. Disregard the whole thing you concept you knew about Divi, as a result of Divi 5 is a completely other beast.
Have You Attempted Nested Modules For Divi 5?
If you ignored it, we lately launched Stacked & Nested Presets for Divi 5. It’s a surprisingly robust improve that makes Divi’s preset-based design machine merely the most efficient. You’ll be able to stack a couple of presets on any part, and nest crew presets inside of part presets. There’s a hyperlink within the video description to be told extra.
Watch this video for all of the main points. 👇
Extra Divi 5 Updates Are On The Means
2025 is the 12 months of Divi 5. The tedious paintings is in the back of us. We constructed the super-fast basis, and now it’s time for Divi to make its comeback.
When you’re right here for the Divi comeback, do us an enormous want and tell us by means of liking this video and leaving a remark. It method so much to us to peer you cheering Divi on, and it’s very important to feed the set of rules and unfold the phrase.
Don’t fail to remember to apply us on YouTube and subscribe to the Divi publication so that you by no means pass over an replace. I’ll see you quickly for every other Divi 5 characteristic announcement, which I promise will likely be correct across the nook. 😁
The put up Introducing Divi Canvases (Off-Canvas Menus, Popups & Canvas Portals 🤯) seemed first on Chic Topics Weblog.
WordPress Web Design