It’s professional; the beta levels have ended, and Divi 5 has arrived!
This isn’t the tip; it’s a brand new starting for Divi, and we’re shifting ahead quicker than ever with weekly updates. For those who use Divi 5, you’ll see a model 5.5 replace notification as of late.
Contents
What’s New In Divi 5.5?
We carried out 58 computer virus fixes and enhancements, at the side of a host of recent options: Facet Ratio, Framing & Symbol Preset, and the all-new Sizing Variable & Colorscheme Turbines.
Nearly all of our crew is taken with computer virus solving and general balance. Then again, after months of doing not anything however solving insects, we’re slowly transitioning again to characteristic construction.
That suggests the speed of innovation will boost up considerably over the following few months.
If you wish to get an early within scoop, I ceaselessly publish development experiences within the Divi Theme Customers Fb workforce. Sign up for us!
Facet Ratio, Symbol Framing & Symbol Presets
We launched heaps of recent image-related options in Divi 5.5.
First, we added new ingredient ratio settings to all pictures. Parts with ingredient ratios scale proportionally throughout other display screen sizes.
Subsequent, we added framing settings that will let you reposition cropped pictures inside of an outlined ingredient ratio. Take any picture, irrespective of its measurement, and make it are compatible completely into your design! It’s a good way to make perfect-looking loops.
After all, we enabled possibility presets for the picture possibility workforce. That’s large! Now you’ll organize the manner of the entire pictures in each Divi module the usage of Divi’s preset-based design device.
Sizing Variable & Relative Colorscheme Generator
We launched the Sizing Variable & Colorscheme Turbines in Divi 5.4 🎉.
On the core of Divi 5’s design device are variables and presets. With complicated gadgets, you’ll create fluid, responsive sizing techniques the usage of clamp(). With relative colours, you’ll create mathematically gorgeous colour techniques the usage of HSL. While you set the whole thing up as it should be, it makes managing your web page such a lot more uncomplicated.
However, putting in your whole colour and quantity variables takes time, and finding out clamp() can also be intimidating.
That’s the place the brand new variable generator is available in, permitting you to spin up a complete sizing and colour variable device mechanically in a couple of clicks. It’s simple for learners as a result of Divi does the be just right for you, however it additionally gives the entire controls it’s worthwhile to ever ask for, permitting CSS mavens to completely customise their techniques.
What’s Coming Subsequent?
Modules. A lot of modules!
If truth be told, you’ll have spotted that we already snuck in a few new modules, together with Breadcrumbs and SVG. Did you understand, or did they fly beneath your radar?
There’s extra coming. We’re running on a timeline module, new form-styler modules for the preferred variety plugins, a desk of contents module, an Instagram feed module, and extra!
The following time you upload a brand new module to a web page, browse the record; you may in finding one thing new. 😉
That’s no longer all we’re running on both, however extra to come back on that during my subsequent replace. Large, thrilling adjustments are at the horizon.
Changelog
Here’s a record of all fixes and enhancements incorporated on this replace.
- Mounted slider-family module conversion fixtures so generated module-library attrs knowledge remains in sync with conversion expectancies.
- Mounted Touch Shape Touch Button customized CSS hover kinds so that they cause solely on button hover, no longer at the variety container hover.
- Mounted the Divi Library “Format Kind” dropdown alignment within the Upload New Format modal for WordPress 7.0 compatibility.
- Mounted a subject the place deleted international colours weren’t restored when re-importing variables from the similar export dossier.
- Saturation filters now clamp to grayscale at minimal.
- Mounted the Visible Builder left toolbar so all movements keep reachable on brief desktop viewports.
- Mounted Theme Customizer preview so international Row Peak solely impacts block format rows, matching the entrance finish and Divi 5 flex/grid layouts.
- Mounted Touch Shape publish button sizing so Design → Button → Sizing width and alignment behave as it should be within the backside row, together with beside the not obligatory math captcha.
- Mounted free up CI so kind checking is gated and performed for related JS/TS adjustments.
- Mounted a subject the place the Display Theme Builder Layouts possibility gave the impression in Builder Settings for customers who weren’t allowed to load Theme Builder layouts, so the environment had no impact.
- Mounted Menu and Fullwidth Menu: WooCommerce cart amount responds to responsive adjustments; display cart amount at the entrance finish so it fits the Visible Builder.
- Mounted the format import development bar fluctuating all the way through multi-file imports, by means of making sure development solely strikes ahead.
- Theme Customizer Heading Textual content Colour now applies its default #666666 worth to Builder 5 front-end headings.
- Mounted pasted inline identify textual content duplication after blur.
- Mounted builder-enabled CPT unmarried frontend parity by means of casting off legacy container/sidebar/meta-wrapper output.
- Mounted a PHP 8 deadly error in Divi when sure plugins left the template international in an sudden form all the way through admin publish record monitors.
- Stepped forward AI publish control gear by means of reusing current web page gear with a postType possibility, together with improve for customized publish sorts.
- Mounted a subject the place the AI Agent chat historical past used to be misplaced when dragging the chatbot panel between docked and floating positions.
- Added and hardened the SVG module workflow so editors can render and magnificence sanitized inline SVG from code or uploaded supply with constant VB/FE habits.
- Mounted Consistent Touch electronic mail supplier authentication by means of migrating to API v3 with OAuth 2.0 improve. Added computerized token refresh to stop authentication disasters when tokens expire. Mounted a important computer virus fighting JSON reaction deciphering for electronic mail suppliers and junk mail coverage. Stepped forward error message show for subscription disasters. Added error dealing with for OAuth authentication disasters in Divi 5. Enabled control of electronic mail accounts and not using a lists.
- Mounted the Particular person module after the D4 to D5 migration so the picture and textual content keep side-by-side, and the picture column not forces full-width within the flex format.
- Mounted the incorrect colour being set because the default heading colour within the Theme Customizer.
- Mounted instance extension webpack watch mode again and again recompiling as a result of conversion-outline.json used to be rewritten on each construct, even if its content material didn’t alternate.
- Mounted the D4-to-D5 conversion so free-form customized CSS at the instance D4 module migrates into Divi 5 like core modules.
- Mounted Icon Listing Merchandise textual content so areas round inline HTML tags show as it should be at the entrance finish, and allowed HTML within the record merchandise textual content component metadata for constant Visible Builder dealing with.
- Mounted a subject the place product dynamic content material choices might be lacking within the Visible Builder because of mistaken publish context all the way through after-app-load settings knowledge solution.
- Mounted a Divi 5 portability factor the place imported Lottie modules may just stay source-site JSON URLs; same-site JSON property at the moment are transferred and rewritten all the way through import.
- Mounted Column “Observe Construction Template,” so Flex construction templates seem when the column makes use of Flex format, no longer solely Grid templates.
- Mounted a VB and front-end colour mismatch for heading, frame, and hyperlink textual content colours by means of emitting CSS international variable regulations within the customizer CSS output for Divi 5.
- Added job documentation for the Divi 5 international textual content colour parity repair, tracked beneath factor #49186.
- Woo Checkout Billing and Transport Select2-backed fields now practice. Fields’ hover textual content colour must fit the usual checkout fields.
- Mounted module hyperlinks with a couple of question parameters so URLs with & not broke redirects at the frontend.
- Mounted a CSS numeric typing regression that led to TypeScript take a look at disasters when parsed numeric values reached string-only shoppers.
- Added new aspect-ratio settings to the sizing workforce for all modules.
- Added new framing settings to all modules with pictures, together with object are compatible and place.
- Carried out picture workforce presets and up to date all modules with pictures to improve the brand new preset kind.
- Harmonized the settings to be had within the picture workforce for all modules.
- Enabled composible settings for picture possibility teams.
- Mounted picture animations no longer running for the publish carousel module when enabled by the use of composable settings.
- Added AI Agent canvas gear in Divi 5 so the assistant can uncover, create, transfer, configure, and organize canvases thru natural-language workflows.
- Added AI Agent gear for growing, updating, trashing, and looking out pages, plus gear to submit, unpublish, or time table web page standing—enabling web page lifecycle operations outdoor the Visible Builder.
- Mounted a subject the place Touch Shape Elementary Captcha mistakes may just display a message with out the anticipated purple error border at the captcha enter.
- Mounted replica module teams showing within the interplay goal selector when the usage of Theme Builder layouts.
- Mounted international cases in Wireframe default view so nested modules beneath a world format render within the wireframe tree on first load as an alternative of just a unmarried International Format row.
- Mounted international layouts no longer increasing in Wireframe view on first Visible Builder load when Wireframe used to be the default view mode.
- Mounted Visible Builder failing to load when divi/global-layout blocks contained pathologically nested localAttrs from repeated save/port round-trips (#46915).
- Mounted Symbol module borders so rounded corners not display gaps on small pictures.
- Mounted Sendinblue (Brevo) Electronic mail Optin customized box values no longer saving when the sphere title’s casing differed from the price despatched from the shape.
- Mounted replica frontend CSS regulations when Theme Builder layouts had been used, so unified static CSS not repeated the similar module kinds for the primary content material.
- Mounted inconsistent Theme Builder regulate heights on WordPress 7 by means of not loading core bureaucracy.css at the Theme Builder admin display screen.
- Mounted the Portfolio module within the Visible Builder so grid row categories (first_in_row, last_in_row, and on_last_row) fit the frontend, together with when the module is the remaining content material module in a column. Additionally fastened CI efficiency check disasters by means of the usage of requestIdleCallback to defer grid calculations till the browser is idle.
- Mounted a Slider true parallax transition factor the place background pictures may just leap or render unevenly all the way through slide adjustments.
- Woo Checkout Billing and Transport select-backed fields now recognize configured default, targeted, and open Fields textual content colours in Visible Builder and frontend rendering.
- Mounted a subject the place background pictures set by the use of picture international variables in presets didn’t render at the Entrance Finish.
- Mounted border inheritance so side-specific border kinds outlined are not overridden by means of newly set all border widths.
- Mounted the Web site Gutter Width Theme Customizer environment no longer auto-applying to current pages.
- Mounted the Blurb module’s preset Icon Font Measurement no longer making use of to the icon within the Visible Builder.
- Mounted a subject the place the module settings panel top may just alternate all of a sudden after switching between modules and reopening the similar module settings.
Leap Into Divi 5 As of late
It’s professional. Divi 5 is in a position for manufacturing. Give it a check out, and tell us what you assume!
In case you are emblem new to Divi 5, we recommend familiarizing your self with its many new options; there’s a lot to discover.
- The Divi 5 web page supplies a excellent evaluate of a few of its most enjoyable adjustments.
- Our lend a hand heart has just about 200 articles taken with Divi 5.
- At the weblog, the Divi Assets class options loads of long-form tutorials that discover each ingredient extensive.
- On YouTube, we’ve got many movies that stroll you thru every new replace.
- Plus, our Fin chatbot is skilled on the whole thing and will solution questions in an instant! In the back of the chatbot is our improve crew, in a position to speak with you and can help you throughout the transition.
The publish Divi 5.5 Unencumber Notes gave the impression first on Sublime Topics Weblog.
WordPress Web Design