It’s professional; the beta levels have ended, and Divi 5 has arrived!
This isn’t the top; it’s a brand new starting for Divi, and we’re transferring ahead quicker than ever with weekly updates. Should you use Divi 5, you’ll see a model 5.9 replace notification nowadays.
Nearly all of our crew is fascinated with trojan horse solving and general balance. Then again, after months of doing not anything however solving insects, we’re slowly transitioning again to function building.
That implies the speed of innovation will boost up considerably over the following few months.
If you wish to get an early within scoop, I continuously publish growth studies within the Divi Theme Customers Fb organization. Sign up for us!
Contents
What’s New In Divi 5.9?
We applied 65 trojan horse fixes and enhancements, at the side of two emblem new options: Variable Fonts and the CSS Grid Editor.
Variable Fonts And New Textual content Styling Choices
We launched Variable Fonts in Divi 5.8.1!
Divi 5 now helps the most recent Google Fonts assortment, together with variable fonts and the handfuls of latest controls they supply. Should you aren’t aware of variable fonts, stay studying as a result of they’re wonderful.
We additionally added many new textual content styling choices that assist you to create magazine-style textual content layouts, genre dropcaps, and come up with extra keep an eye on over textual content stroke, spacing, and extra. Relating to typography, Divi 5 now has all of it.
Take the overall excursion. 👇
CSS Grid Editor
We launched the CSS Grid Editor in Divi 5.9!
Divi 5 embraces CSS Grid. It comes with heaps of versatile grid templates and the entire choices it is advisable to ever wish to construct each and every grid structure conceivable.
These days, we’re taking issues a step additional by way of introducing an interface for visualizing, modifying, and construction complex CSS grid layouts. It’s superior!
Whether or not you’re new to CSS Grid or an skilled developer, you’ll use the brand new interface to construct shocking layouts with out getting misplaced in a maze of settings.
Moreover, due to Divi 5’s distinctive grid offset editor, layouts constructed with the grid editor are housed totally inside the container, which means that you don’t have to fret about modifying kid components, and each and every CSS Grid structure constructed with Divi 5 works with loops.
Take the overall excursion. 👇
What’s Coming Subsequent?
We now have many new modules within the works, a few of which I previewed lately. I’m maximum excited for our first spherical of loop filter out modules, which can make Divi 5’s flexible loop builder much more helpful.
Moreover, we’re running at the Divi AI Agent, and it’s coming alongside very effectively.
Since my ultimate sneak peek, we added new gear, other chat modes, attachments, and extra. Divi AI’s authentic options had been great, however the brand new agent is one thing else totally. It was once constructed to paintings like a human and to reinforce your workflows within the builder. It’s going to modify the whole lot.
We plan to free up a beta model within the subsequent couple of weeks to collect comments, throughout which period we can give all Divi AI customers loose tokens to experiment with.
Changelog
Here’s a record of all fixes and enhancements incorporated on this replace.
- Added new Grid Editor, enabling the visible advent of complex grid layouts.
- Added enhance for quantity variables within the grid offset editor.
- Person grid offset editor regulations now enhance the overall vary of get started, finish, and span settings in one rule.
- Fastened columns getting consolidated when switching the structure genre from flex to grid when modifying a row preset.
- Fastened grid offset regulations now not being copied to presets when developing new presets from present kinds.
- Fastened minimal column width CSS now not printing when set on the module stage, when “equivalent minimal width columns” was once set on the preset stage.
- Fastened sections ultimate hidden when phase animation was once enabled, however length and prolong had been saved as empty values.
- Fastened Theme Builder loops the use of the “present web page” question on 404 pages, incorrectly appearing contemporary weblog posts as a substitute of the no-results state.
- Fastened Button Line Colour and Button Line Taste being unavailable when modifying hover or sticky states after enabling underline at the customary state.
- Stepped forward frontend font-family sanitization and archived world variable CSS output reliability.
- WooCommerce checkout pages constructed with Divi checkout modules now render a unmarried, constant checkout kind as a substitute of more than one competing bureaucracy.
- Woo Product Gallery now exposes Design -> Symbol -> Sizing -> Column Elegance and assists in keeping wrapped flex gallery merchandise sizing aligned between the frontend and Visible Builder.
- Fastened a subject the place nested Blurb modules may just show the incorrect icon in Visible Builder preview because of guardian icon genre leakage.
- Fastened ACF Colour Picker dynamic content material now not exhibiting the proper textual content and ornament colours within the Visible Builder, so on-canvas kinds now fit the resolved colours proven at the are living web site.
- Inner take a look at protection best; no customer-facing changelog.
- Added Theme Builder Playwright smoke exams to the Builder 5 CI pipeline.
- Added a Playwright smoke take a look at to make sure that the Theme Builder admin display so much.
- Fastened the Layer view drop zone indicator and drag deal with label being invisible in darkish mode when dragging common modules.
- Fastened a subject the place module settings reset/default values may just display module preset kinds as a substitute of the implemented choice organization preset kinds.
- Fastened a subject the place customized button icons didn’t seem at the Touch Shape 7 Styler module post button within the Visible Builder and at the entrance finish.
- Fastened the Dropdown mega-menu positioning and sizing so floating menus can reliably align to the guardian row or viewport width throughout columns.
- Fastened frontend module order categories now not beginning at 0 after structure migration.
- Imported legacy Textual content modules now keep the predicted Open Sans frame weight throughout import, so frontend rendering suits freshly created Textual content modules.
- Fastened a subject the place Code Module curly-quote HTML entities rendered as it should be in Visible Builder however now not at the frontend.
- Fastened a subject the place CTA modules with AnalyticsWP monitoring enabled may just input backward compatibility mode after the Divi 4 to Divi 5 migration.
- Fastened Visible Builder REST responses exposing Instagram tokens and accepting invalid Publish Navigation publish contexts.
- Stepped forward efficiency of variable font weight inheritance.
- Fastened a subject the place Video modules may just fail to render YouTube movies when a video is added by way of Insert from URL within the media modal.
- Added extra Google fonts to the default record of internet fonts.
- Added enhance for versatile fonts, together with variable font weight and plenty of further font settings.
- Added a drop cap tab to all frame textual content choice teams, permitting drop caps to be added and styled at the side of paragraph, anchor textual content, block quote, and lists.
- Upload new textual content styling choices to all frame font components, together with textual content route, columns, stroke place, capitalization, hyphenation, and wrapping.
- The lengthy font make a choice menu is now lazy-loaded, making improvements to efficiency when settling on fonts.
- Fastened Remark Module remark bins duplicating within the Visible Builder when converting Remark Rely or Shape Name heading ranges.
- Fastened a deadly error when the use of Tournament Tickets Transfer Attendees and different admin iframe flows that cross a null hook suffix to admin_enqueue_scripts.
- Fastened Divi 4 to Divi 5 migration for combined Gutenberg and Divi Format content material by way of making improvements to structure block detection and protecting non-layout Gutenberg blocks with local serialization.
- Fastened accordion modules appearing backward compatibility mode after D5 migration when Rank Math FAQ Schema Markup was once enabled in Divi 4.
- Fastened Crew Carousel within the Visible Builder now not navigating to a newly added carousel slide, which averted including content material to the brand new slide with out manually switching slides.
- Fastened a subject the place Brevo/Sendinblue customized fields weren’t at all times visual within the Electronic mail Optin module Visible Builder.
- Fastened a subject the place the sector dropdown at all times confirmed “Make a choice a discipline…” after variety.
- Fastened a subject the place customized fields remained visual at the canvas after disabling the “Use Customized Fields” toggle.
- Fastened world font variables now not rendering within the Visible Builder when implemented to module font settings.
- Fastened Question Track reporting lacking dependencies for wp-block-library on Theme Builder pages with header or footer overrides when Defer Block CSS is enabled.
- Fastened gap-0 world variables now not showing in Dynamic Content material pickers for dimensional quantity fields corresponding to Horizontal Hole.
- Fastened Preview Mode appearing disabled modules at 50% opacity when the “Display Disabled Modules At 50% Opacity” builder surroundings was once enabled.
- Fastened Google+ icon showing within the Particular person module on imported layouts when no Google+ surroundings is to be had.
- Fastened nested module front animations now not taking part in within the Dropdown module when modifying within the Visible Builder, so animated content material within an open dropdown now suits the habit at the are living web page.
- Stepped forward Divi 5 AI Agent planner instructed readability and consistency in orchestration for multi-agent request execution.
- Fastened the default Format choice organization preset Vertical Hole now not making use of to columns at the frontend when the preset was once now not explicitly assigned.
- Fastened a subject the place the default symbol border may just now not be got rid of from Woo Comparable Merchandise the use of the builder’s Symbol border settings.
- Fastened a Weblog migration factor the place the D4 “Display Content material” choice may just revert to excerpt habit after conversion to Divi 5.
- Fastened Visible Builder crash when loop subTypes had been saved as an object as a substitute of an array, which brought about nested modules corresponding to Crew Carousel and Icon Listing to turn “Oops, an error has passed off”.
- Added public add attachment metadata enhance for third-party builders, together with attachmentMetadata on add discipline trade occasions and a getAttachmentMetadata() helper in @divi/field-library.
- Fastened CSS numeric and identical module settings fields dropping their values when edited in the primary settings modal by way of as it should be dealing with discipline onChange callbacks that cross a simple price somewhat than an event-shaped object.
- Provides Layer 1 preset unit exams for Divi 5: a shared cross-cutting fixture library, then PHP and TypeScript protection for stack normalization, preset merge and choice, option-group discovery and characteristic trail mapping, characteristic fetch and merge primitives, complete merge orchestration (together with two small manufacturing fixes), preset magnificence names and retailer selectors, edit-mode discipline solution, and edit-container plus settings-panel orchestrator merge paths (with a behavior-neutral settings merge extract for unit testability).
- Fastened Blurb symbol alignment now not making use of when the picture width is used as a proportion unit with most sensible symbol placement.
- Fastened Crew Carousel automated rotation now not running within the Visible Builder, whilst it labored as it should be at the frontend.
- Fastened the modifier indicator dot showing on border choice teams when particular border values matched defaults.
- Fastened Block Row layouts breaking at the frontend after updating Divi when Web page Gutter Width was once custom designed.
- Fastened a migration regression the place column widths may just grow to be greater after an replace because of the gutter magnificence and dynamic asset desynchronization.
- Fastened a subject the place Countdown Timer, Electronic mail Optin, and Login may just lose frontend padding as a result of et_pb_no_bg was once incorrectly added when non-color backgrounds had been lively.
- Fastened a subject the place migrated modules may just obtain unintentional heart auto margins when module alignment was once set to heart with out customized width constraints.
- Fastened a subject the place the CSS Variable choice was once incorrectly proven within the shade sort picker for Background Development Colour and Background Masks Colour fields, inflicting the ones fields to render as black when a CSS variable was once decided on.
- Fastened the Touch Shape Module failing to post or display a luck message when All-In-One search engine optimization was once lively.
- Fastened a subject the place clicking “Take away Variable” on an international shade in a background gradient forestall would depart the forestall’s shade empty, inflicting the gradient to wreck and the background to seem white after saving and refreshing the web page.
Soar Into Divi 5 These days
It’s professional. Divi 5 is able for manufacturing. Give it a check out, and tell us what you suppose!
In case you are emblem new to Divi 5, we advise familiarizing your self with its many new options; there’s a lot to discover.
- The Divi 5 web page supplies a excellent evaluation of a few of its most enjoyable adjustments.
- Our lend a hand heart has just about 200 articles fascinated with Divi 5.
- At the weblog, the Divi Sources class options masses of long-form tutorials that discover each and every facet intensive.
- On YouTube, we’ve got many movies that stroll you thru each and every new replace.
- Plus, our Fin chatbot is educated on the whole lot and will solution questions in an instant! In the back of the chatbot is our enhance crew, able to speak with you and will let you during the transition.
The publish Divi 5.9 Liberate Notes gave the impression first on Sublime Subject matters Weblog.
WordPress Web Design