I’m excited to introduce Divi Canvases for Divi 5.

A canvas is a workspace detached from your number one post content material subject material. You’ll be capable of use them as staging areas for design updates, a place to prepare off-canvas parts, or simply as a protected house to experiment with new ideas. You’ll be capable of create world canvases to build website-level off-canvas menus and popups, along with local canvases for explicit posts.

We moreover added a brand spanking new Canvas Portal module!

Check out the following video to look the new feature in movement. 👇

How To Use Canvases In Divi 5

First off: what’s a canvas? Put simply, canvases are places where you’ll assemble problems while protective them develop into unbiased from each other. Each and every internet web page features a number one canvas, representing the internet web page’s primary content material subject material. New canvases are detached from the main content material subject material. They are able to be used to build off-canvas parts focused by way of Divi’s interaction builder, or as a place to experiment with new ideas without affecting the internet web page on the front end.

Managing Canvases

You’ll perceive a brand spanking new canvas dropdown menu on the most efficient of the builder. You’ll be capable of use this to change between canvases or add a brand spanking new canvas. You’ll be capable of make canvases world to make them in the market from any internet web page or template, and also you’ll select to robotically append canvases to your post content material subject material on the front end.

Once inside a canvas, you’ll artwork freely throughout the detached workspace.

Click on at the canvas grid view to get a visual view of all of your canvases and switch between them. You’ll be capable of right-click to edit, copy, export, and delete. You’ll be capable of moreover assign any canvas as the main canvas for that internet web page; it’s a satisfying approach to artwork on and set live different internet web page permutations and not using a wish to transfer to your library.

Canvas Staging Areas And Playgrounds

One of the most the most important simplest programs for canvases is to create detached workspaces to experiment with new ideas. Hop onto a brand spanking new canvas and get your ideas onto the internet web page without messing with the internet web page’s content material subject material on the front end. Use a canvas as a workspace for growing presets.

Canvases moreover serve as staging areas. You’ll be capable of copy your number one canvas, make changes, and then set them live once they’re in a position.

Off Canvas Menus & Popups

A good way to use canvases is to store off-canvas parts, corresponding to popups and menus, making them reusable and out of your manner. That’s because of we up to the moment the Interaction Builder to artwork with off-canvas portions.

As an example, you’ll create an interaction in your number one canvas that objectives an off-canvas popup. Canvases focused by way of interactions are robotically appended to the main canvas on the front end, alternatively saved out of our manner throughout the builder.

Inside the example video beneath, I created world menu and pop-up canvases that store hidden sections, which I animated using Divi’s animation settings. I added a click-based interaction to this icon in my header to toggle the main segment throughout the menu canvas, and I added a viewport interaction to this segment to toggle the pop-up. On the front end, clicking the menu icon toggles the menu, and scrolling down the internet web page toggles my pop-up.

Canvas Portal Module

We moreover introduced a brand spanking new module known as the Canvas Portal, which can be used to inject canvas content material subject material into particular areas in your internet web page.

As an example, throughout the video beneath, I created an off-canvas mega menu that is toggled once I hover over an anchor link in my header using Divi’s interaction builder. Since I would really like the mega menu to be positioned relative to the link, I used a canvas portal to inject the content material subject material right through the text module, which is simple because of Divi 5’s nested parts.

Take a look at Divi 5 In this day and age

Divi’s off-canvas device is very versatile, providing you with further freedom than other builders to use canvases in unique ways. It’s available for Divi 5 today, so give it a check out and let us know your concepts.

We rebuilt Divi from the ground up and packed it full of dozens of your most requested choices. Put out of your mind the entire thing you idea you knew about Divi, because of Divi 5 is a fully different beast.

Have You Tried Nested Modules For Divi 5?

In the event you disregarded it, we in recent years introduced Stacked & Nested Presets for Divi 5. It’s a shockingly powerful reinforce that makes Divi’s preset-based design device simply the most productive. You’ll be capable of stack a few presets on any section, and nest team presets inside section presets. There’s a link throughout the video description to be informed further.

Watch this video for the entire details. 👇

Additional Divi 5 Updates Are On The Method

2025 is the 365 days of Divi 5. The tedious artwork is behind us. We built the super-fast foundation, and now it’s time for Divi to make its comeback.

Whilst you’re correct right here for the Divi comeback, do us a huge need and let us know by way of liking this video and leaving a remark. It manner such a lot to us to look you cheering Divi on, and it’s crucial to feed the algorithm and spread the word.

Don’t forget to apply us on YouTube and subscribe to the Divi publication in order that you on no account move over an substitute. I’ll see you briefly for each and every different Divi 5 feature announcement, which I promise will probably be right kind around the corner. 😁

The post Introducing Divi Canvases (Off-Canvas Menus, Popups & Canvas Portals 🤯) gave the impression first on Chic Topics Weblog.

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more