It’s skilled; the beta ranges have ended, and Divi 5 has arrived!
This isn’t the highest; it’s a brand spanking new beginning for Divi, and we’re moving forward sooner than ever with weekly updates. Must you employ Divi 5, you’ll see a type 5.9 change notification these days.
The vast majority of our workforce is excited about bug fixing and normal stability. Alternatively, after months of doing now not the rest on the other hand fixing bugs, we’re slowly transitioning once more to serve as development.
That suggests the velocity of innovation will spice up up significantly over the next few months.
If you want to get an early inside scoop, I ceaselessly post expansion research throughout the Divi Theme Customers Fb group. Join us!
What’s New In Divi 5.9?
We implemented 65 trojan horse fixes and enhancements, together with two brand new choices: Variable Fonts and the CSS Grid Editor.
Variable Fonts And New Text Styling Alternatives
We introduced Variable Fonts in Divi 5.8.1!
Divi 5 now is helping the latest Google Fonts collection, along side variable fonts and the dozens of recent controls they provide. Must you aren’t conscious about variable fonts, keep finding out because of they’re superb.
We moreover added many new text styling possible choices that let you create magazine-style text layouts, style dropcaps, and get a hold of additional control over text stroke, spacing, and further. On the subject of typography, Divi 5 now has it all.
Take the whole tour. 👇
CSS Grid Editor
We introduced the CSS Grid Editor in Divi 5.9!
Divi 5 embraces CSS Grid. It comes with lots of flexible grid templates and all of the possible choices you want to ever want to assemble each grid construction possible.
Nowadays, we’re taking problems a step further by the use of introducing an interface for visualizing, editing, and development complicated CSS grid layouts. It’s awesome!
Whether or not or now not you’re new to CSS Grid or an professional developer, you’ll use the new interface to build surprising layouts without getting out of place in a maze of settings.
Additionally, because of Divi 5’s unique grid offset editor, layouts built with the grid editor are housed utterly within the container, this means that that you just don’t have to worry about editing child elements, and each CSS Grid construction built with Divi 5 works with loops.
Take the whole tour. 👇
What’s Coming Next?
We’ve many new modules throughout the works, a few of which I previewed lately. I’m most excited for our first round of loop filter modules, which may make Divi 5’s versatile loop builder a lot more useful.
Additionally, we’re operating on the Divi AI Agent, and it’s coming along very successfully.
Since my final sneak peek, we added new equipment, different chat modes, attachments, and further. Divi AI’s original choices have been nice, on the other hand the new agent is something else utterly. It was once as soon as built to artwork like a human and to strengthen your workflows throughout the builder. It’s going to change the whole thing.
We plan to liberate a beta type throughout the next couple of weeks to gather feedback, all over which era we will give all Divi AI consumers free tokens to experiment with.
Changelog
Right here’s a document of all fixes and improvements included in this change.
- Added new Grid Editor, enabling the visual introduction of complicated grid layouts.
- Added fortify for amount variables throughout the grid offset editor.
- Individual grid offset editor laws now fortify the whole range of get began, end, and span settings in a single rule.
- Fixed columns getting consolidated when switching the construction style from flex to grid when editing a row preset.
- Fixed grid offset laws not being copied to presets when creating new presets from provide types.
- Fixed minimum column width CSS not printing when set at the module degree, when “identical minimum width columns” was once as soon as set at the preset degree.
- Fixed sections final hidden when segment animation was once as soon as enabled, on the other hand duration and lengthen have been stored as empty values.
- Fixed Theme Builder loops the usage of the “provide internet web page” query on 404 pages, incorrectly showing recent blog posts instead of the no-results state.
- Fixed Button Line Color and Button Line Style being unavailable when editing hover or sticky states after enabling underline on the normal state.
- Stepped ahead frontend font-family sanitization and archived global variable CSS output reliability.
- WooCommerce checkout pages built with Divi checkout modules now render a single, consistent checkout sort instead of a couple of competing forms.
- Woo Product Gallery now exposes Design -> Image -> Sizing -> Column Class and keeps wrapped flex gallery products sizing aligned between the frontend and Visual Builder.
- Fixed a subject matter where nested Blurb modules would possibly simply display the improper icon in Visual Builder preview on account of father or mother icon style leakage.
- Fixed ACF Color Picker dynamic content material subject matter not displaying the right kind text and decoration colors throughout the Visual Builder, so on-canvas types now have compatibility the resolved colors confirmed on the live internet web site.
- Internal check out coverage easiest; no customer-facing changelog.
- Added Theme Builder Playwright smoke checks to the Builder 5 CI pipeline.
- Added a Playwright smoke check out to make certain that the Theme Builder admin show such a lot.
- Fixed the Layer view drop zone indicator and drag care for label being invisible in dark mode when dragging commonplace modules.
- Fixed a subject matter where module settings reset/default values would possibly simply show module preset types instead of the applied selection group preset types.
- Fixed a subject matter where custom designed button icons didn’t appear on the Contact Form 7 Styler module put up button throughout the Visual Builder and on the front end.
- Fixed the Dropdown mega-menu positioning and sizing so floating menus can reliably align to the father or mother row or viewport width all over columns.
- Fixed frontend module order classes not starting at 0 after construction migration.
- Imported legacy Text modules now stay the anticipated Open Sans body weight all over import, so frontend rendering fits freshly created Text modules.
- Fixed a subject matter where Code Module curly-quote HTML entities rendered accurately in Visual Builder on the other hand not on the frontend.
- Fixed a subject matter where CTA modules with AnalyticsWP tracking enabled would possibly simply enter backward compatibility mode after the Divi 4 to Divi 5 migration.
- Fixed Visual Builder REST responses exposing Instagram tokens and accepting invalid Post Navigation post contexts.
- Stepped ahead potency of variable font weight inheritance.
- Fixed a subject matter where Video modules would possibly simply fail to render YouTube films when a video is added by the use of Insert from URL throughout the media modal.
- Added additional Google fonts to the default document of web fonts.
- Added fortify for flexible fonts, along side variable font weight and numerous additional font settings.
- Added a drop cap tab to all body text selection groups, allowing drop caps to be added and styled together with paragraph, anchor text, block quote, and lists.
- Add new text styling possible choices to all body font elements, along side text path, columns, stroke position, capitalization, hyphenation, and wrapping.
- The long font make a selection menu is now lazy-loaded, bettering potency when deciding on fonts.
- Fixed Observation Module statement containers duplicating throughout the Visual Builder when changing Observation Depend or Form Identify heading levels.
- Fixed a dangerous error when the usage of Match Tickets Switch Attendees and other admin iframe flows that pass a null hook suffix to admin_enqueue_scripts.
- Fixed Divi 4 to Divi 5 migration for mixed Gutenberg and Divi Structure content material subject matter by the use of bettering construction block detection and protective non-layout Gutenberg blocks with native serialization.
- Fixed accordion modules showing backward compatibility mode after D5 migration when Rank Math FAQ Schema Markup was once as soon as enabled in Divi 4.
- Fixed Team Carousel throughout the Visual Builder not navigating to a newly added carousel slide, which prevented together with content material subject matter to the new slide without manually switching slides.
- Fixed a subject matter where Brevo/Sendinblue custom designed fields weren’t all the time visible throughout the Email correspondence Optin module Visual Builder.
- Fixed a subject matter where the field dropdown all the time showed “Select a self-discipline…” after selection.
- Fixed a subject matter where custom designed fields remained visible on the canvas after disabling the “Use Custom designed Fields” toggle.
- Fixed global font variables not rendering throughout the Visual Builder when applied to module font settings.
- Fixed Query Monitor reporting missing dependencies for wp-block-library on Theme Builder pages with header or footer overrides when Defer Block CSS is enabled.
- Fixed gap-0 global variables not appearing in Dynamic Content material subject matter pickers for dimensional amount fields akin to Horizontal Hollow.
- Fixed Preview Mode showing disabled modules at 50% opacity when the “Show Disabled Modules At 50% Opacity” builder setting was once as soon as enabled.
- Fixed Google+ icon appearing throughout the Specific particular person module on imported layouts when no Google+ setting is available.
- Fixed nested module entrance animations not participating in throughout the Dropdown module when editing throughout the Visual Builder, so animated content material subject matter inside an open dropdown now fits the dependancy on the live internet web page.
- Stepped ahead Divi 5 AI Agent planner advised clarity and consistency in orchestration for multi-agent request execution.
- Fixed the default Structure selection group preset Vertical Hollow not applying to columns on the frontend when the preset was once as soon as not explicitly assigned.
- Fixed a subject matter where the default image border would possibly simply not be removed from Woo Related Products the usage of the builder’s Image border settings.
- Fixed a Blog migration issue where the D4 “Show Content material subject matter” selection would possibly simply revert to excerpt dependancy after conversion to Divi 5.
- Fixed Visual Builder crash when loop subTypes have been stored as an object instead of an array, which led to nested modules akin to Team Carousel and Icon Checklist to show “Oops, an error has handed off”.
- Added public upload attachment metadata fortify for third-party developers, along side attachmentMetadata on upload self-discipline industry events and a getAttachmentMetadata() helper in @divi/field-library.
- Fixed CSS numeric and an identical module settings fields losing their values when edited in the principle settings modal by the use of accurately coping with self-discipline onChange callbacks that pass a easy worth moderately than an event-shaped object.
- Supplies Layer 1 preset unit checks for Divi 5: a shared cross-cutting fixture library, then PHP and TypeScript coverage for stack normalization, preset merge and selection, option-group discovery and feature path mapping, feature fetch and merge primitives, entire merge orchestration (along side two small production fixes), preset elegance names and store selectors, edit-mode self-discipline answer, and edit-container plus settings-panel orchestrator merge paths (with a behavior-neutral settings merge extract for unit testability).
- Fixed Blurb image alignment not applying when the image width is used as a share unit with top image placement.
- Fixed Team Carousel automatic rotation not operating throughout the Visual Builder, while it worked accurately on the frontend.
- Fixed the modifier indicator dot appearing on border selection groups when specific border values matched defaults.
- Fixed Block Row layouts breaking on the frontend after updating Divi when Internet web page Gutter Width was once as soon as customized.
- Fixed a migration regression where column widths would possibly simply turn into larger after an change on account of the gutter elegance and dynamic asset desynchronization.
- Fixed a subject matter where Countdown Timer, Email correspondence Optin, and Login would possibly simply lose frontend padding because of et_pb_no_bg was once as soon as incorrectly added when non-color backgrounds have been vigorous.
- Fixed a subject matter where migrated modules would possibly simply download accidental center auto margins when module alignment was once as soon as set to center without custom designed width constraints.
- Fixed a subject matter where the CSS Variable selection was once as soon as incorrectly confirmed throughout the coloration kind picker for Background Building Color and Background Mask Color fields, causing those fields to render as black when a CSS variable was once as soon as made up our minds on.
- Fixed the Contact Form Module failing to put up or show a success message when All-In-One search engine marketing was once as soon as vigorous.
- Fixed a subject matter where clicking “Remove Variable” on a world coloration in a background gradient prevent would leave the prevent’s coloration empty, causing the gradient to damage and the background to look white after saving and refreshing the internet web page.
Bounce Into Divi 5 Nowadays
It’s skilled. Divi 5 is ready for production. Give it a take a look at, and let us know what you think!
If you’re brand new to Divi 5, we suggest familiarizing yourself with its many new choices; there’s so much to find.
- The Divi 5 web page provides a very good analysis of a couple of of its most pleasurable changes.
- Our be in agreement center has just about 200 articles fascinated with Divi 5.
- On the blog, the Divi Sources elegance choices lots of long-form tutorials that uncover each side in depth.
- On YouTube, we’ve were given many films that walk you via each new change.
- Plus, our Fin chatbot is trained on the whole thing and can answer questions immediately! Behind the chatbot is our fortify workforce, able to speak with you and can allow you to all over the transition.
The post Divi 5.9 Liberate Notes appeared first on Sublime Subject matters Weblog.






0 Comments