June 3, 2024

Uncovering The New Divi 5 Connection point

I'm back with another Divi 5 update, and this time, I'm eager to give you an early glance at Divi 5's new connection point. It's not got done at this point, yet there's still a lot to investigate. 😁

The New Divi 5 Point of interaction

Divi 5 is getting another look. It works the same way it generally has, so don't stress over the new point of interaction confusing you. Feeling extremely familiar is all going. We haven't changed how you can manage Divi, yet we want to believe that you will appreciate doing what you really do much more with a quicker and less bulky connection point.

A Quicker And More Effective Connection point

Divi 5 addresses crude speed and effectiveness; the UI ought to serve those objectives. The principal thing you'll see about Divi 5 is that it's incredibly quick. There's definitely no postponement as you drift, click, alter, and move things around, and it can deal with broad pages more than ever. We additionally eliminated all movements since we need nothing dialing you back.

A Connection point That Doesn't Impede you

 

We reduced the footprint of the interface to give your designs more room to breathe. You can dock multiple smaller-sized panels to the side of the browser without them overlapping your content or getting in your way.

In the example above, I have my layers panel docked to the left, and my settings panel docked to the right. The settings panel is automatically populated as I click around the page, and when I edit something, the feedback is instantaneous.

A Fully Customizable Interface

Divi 5 gives you substantially more command over the developer's design. You can dock, undock, or join boards into selected windows. Assuming you like to have all windows shut and one drifting settings board like Divi 4, that is a choice as well.

A Point of interaction That is More straightforward Than any time in recent memory To Explore

 

With click-mode as the default interaction mode, a smaller layers panel you can always leave open, and new breadcrumbs in each settings panel, navigating the page is easier than ever. You won’t struggle to find or click on anything you want to edit.

We still need to make improvements and add missing pieces, but this early look should give you a good idea of what to expect when we release the Public Alpha in the coming months.

What We Accomplished This Month

We got a lot of other stuff done over the past month, too. Building the new interface was relatively simple. All the major work is happening behind the scenes, where we are building a solid foundation that will serve the community for many years, which involves the complete redevelopment of all of Divi’s core features and modules.

We are currently in the Dev Beta phase (which you are welcome to join if you are a developer of Divi modules), which means we have completed the new framework and are now rebuilding everything on that framework.

We fixed more bugs, wrote more developer docs, and converted a bunch of modules, such as the post slider, blog, post navigation, filterable portfolio, fullwidth menu, and fullwidth portfolio.

Every time we finish a new feature or module, we get one step closer to Public Alpha, where we want to have enough of Divi’s most popular features and modules ready to make that first version usable to a broad audience.

Here are the latest Divi 5 changelog entries. 👇

  • Added Post Slider module for Divi 5
  • Added Fullwidth Menu module for Divi 5
  • Added Fullwidth Post Title module for Divi 5
  • Added feature-flagged enhancement for app frames.
  • Implemented advancedStyles on PHP module styles declaration for code, audio, circle counter, column, countdown timer, divider, fullwidth header, fullwidth image, heading, icon, call to action, button, bar counters, accordion, post title, portfolio, number counter, map
  • Added Blog module for Divi 5
  • Added feature-flagged enhancement for app frames.
  • Added Filterable Portfolio module for Divi 5
  • Added Fullwidth Portfolio module for Divi 5
  • Added Post Navigation module for Divi 5
  • Implemented advancedStyles on VB module styles declaration for section, fullwidth map, heading, menu, sidebar, social media follow, tabs, team member, testimonial, text, toggle, video, and slider modules.
  • Integrated auto-generated module settings for settings panel for modules like count down timer, circle counter, code, button, blurb, divider, audio, blurb, code, and heading.
  • Updated the export of ‘SyncGlobalLayoutAttributes’ to be a type instead of an object.
  • TypeDocs: Added @divi/modal-library package to the TypeDocs generator.
  • TypeDocs: Updated documentation for data store functions in @divi/modal-library package.
  • TypeDocs: Added @divi/page-settings package to the TypeDocs generator.
  • TypeDocs: Updated documentation for data store functions in @divi/page-settings package.
  • Developed Fullwidth Portfolio module both in VB and FE into D5.
  • TypeDocs: Added @divi/keyboard-shortcuts package to the TypeDocs generator.
  • TypeDocs: Added @divi/object-renderer package to the TypeDocs generator.
  • TypeDocs: Added @divi/mask-and-pattern-library package to the TypeDocs generator.
  • TypeDocs: Added @divi/middleware package to the TypeDocs generator.
  • TypeDocs: Added @divi/modal package to the TypeDocs generator.
  • TypeDocs: Added @divi/modal-snap-indicator package to the TypeDocs generator.
  • TypeDocs: Added @divi/draggable package to the TypeDocs generator.
  • TypeDocs: Added @divi/numbers package to the TypeDocs generator.
  • TypeDocs: Added @divi/error-boundary package to the TypeDocs generator.
  • TypeDocs: Added @divi/events package to the TypeDocs generator.
  • TypeDocs: Added @divi/help package to the TypeDocs generator.
  • TypeDocs: Updated documentation for data store functions in @divi/help package.
  • TypeDocs: Added @divi/history package to the TypeDocs generator.
  • TypeDocs: Added @divi/hooks package to the TypeDocs generator.
  • TypeDocs: Added @divi/icon-library package to the TypeDocs generator.
  • TypeDocs: Added @divi/global-layouts package to the TypeDocs generator.
  • TypeDocs: Updated documentation for data store functions in @divi/global-layouts package.
  • TypeDocs: Added @divi/fonts package to the TypeDocs generator.
  • TypeDocs: Updated documentation for data store functions in @divi/fonts package.
  • TypeDocs: Updated documentation for @divi/module package.
  • TypeDocs: Added @divi/data package to the TypeDocs generator.
  • TypeDocs: Added @divi/divider-library package to the TypeDocs generator.
  • Added TypeDocs for the @divi/context-library package.
  • TypeDocs: Added @divi/conversion package to the TypeDocs generator.
  • TypeDocs: Added @divi/constant-library package to the TypeDocs generator.
  • TypeDocs: Updated documentation for @divi/field-library package.
  • Implemented advancedStyles on VB module styles declaration for … modules.

 

Coming Soon: Divi Layouts AI!

That’s all for this month’s Divi 5 update. In other news, we have a new Divi AI feature coming out soon that I’m excited about. We’ve already created AI tools for textimage, and code generation. Next, we’re putting it all together to enable you to generate entire layouts with AI. Note: layout generation was sped up in the following video.

ust tell Divi AI what kind of page you want, and it will construct the layout, generate the images, write the content, and customize the fonts and colors. In a matter of seconds, you have an entire page ready to go, and you can jump into Divi’s design settings to put on the finishing touches or use Divi’s AI tools to refine the results further.

linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram