The Divi 5 Public Alpha is to be had to be used on new web sites. Should you use Divi 5, you’ll realize an replace notification for Public Alpha Model 11 as of late. We unencumber new Divi 5 variations each two weeks, and it will get higher every time! Should you haven’t examined Divi 5 but, check out it and tell us what you suppose.
What’s New In Public Alpha 11?
I didn’t post a submit referring to Public Alpha 10, so this submit will duvet the whole thing now we have completed since Public Alpha 9.
We now have carried out 103 malicious program fixes and enhancements, two new options (Option Group Presets and Advanced Units), and made vital development on 3 upcoming options.
Trojan horse Fixes & Enhancements
This model features a handful of teenybopper fixes and enhancements. We’re monitoring each malicious program reported and tackling them one at a time. In overall, we merged 103 malicious program fixes and enhancements. I indexed each trade within the changelog under, however listed here are a couple of highlights:
- Stepped forward Velocity & Click on Comments: The whole thing within the Visible Builder feels method sooner! Why? As a result of we switched to the use of mouse down as an alternative of mouse up for many interactions. Now, issues reply once you click on your mouse; it’s nice! For accessibility causes, buttons nonetheless use mouse up.
- Urgent Input To Validate Values: We prolonged the time for fields and validation gadgets and carried out speedy validation when urgent input or unfocusing a box. You don’t need to look ahead to validation and gained’t get auto-validating as incessantly when typing slowly.
- Preset Cache Clearing: When saving presets and international colours, your entire site cache wasn’t cleared accurately. This was once fastened.
- Disappearing Google Fonts: A unusual and aggravating malicious program mysteriously led to Google fonts to dequeue at the entrance finish. That gained’t occur anymore.
- Triple Checking Safety: We reviewed Divi 4 safety fixes from the previous couple of years to verify we hadn’t made equivalent errors in Divi 5 after which carried out a safety overview. We discovered a couple of minor problems and hardened safety in the ones spaces.
- Box Icon Overhal: We redesigned the icons that seem when soaring over fields within the settings panel. Icons up to now in-line, such because the Dynamic Content material and AI icons, were moved above the sector. All icons are smaller and aligned to the correct to cause them to more straightforward to click on.
Function Growth
We’re transferring complete pace forward with characteristic construction. We now have six groups running full-time on Divi 5. That is what they’re as much as. 👇
- Group One: This group fixes insects and assists Divi Market creators with module conversion.
- Group Two: This group is operating on Woo modules, the general characteristic for Divi 5 to go into beta.
- Group 3: This group has switched focuses and is now bettering backward compatibility with Divi 4 modules in preparation for the Divi 5 beta.
- Group 4: This group is operating on a brand new Flexbox structure machine for Divi, a up to now unannounced characteristic. Keep tuned for a sneak peek coming quickly!
- Group 5: This group is operating on Nested Rows, which I gave a sneak peek of this week.
- Group Six: This group is operating on Divi Design Variables, which is sort of completed.
This is the development we’ve made since Public Alpha Model 9.
Possibility Workforce Presets
We completed this selection and launched it in Divi 5 Public Alpha 9.3. 🎉 You’ll be able to obtain Divi 5 and check out Option Group Presets as of late.
Possibility Workforce Presets are shared kinds that may be mixed and carried out to any Divi module to genre your site’s base components and create complicated design techniques. It’s an absolute game-changer; as soon as the concept that clicks, there’s no going again.
Complicated Gadgets
We completed this selection and launched it in Divi 5 Public Alpha 10.1. 🎉 You’ll be able to obtain Divi 5 and check out Advanced Units as of late.
Divi now helps all CSS gadgets, together with unitless values akin to unset and fit-content, and purposes akin to clamp() and calc(), making growing responsive designs with fluid typography more straightforward than ever.
You’ll be able to additionally outline CSS variables and reference them all the way through your designs.
Divi Design Variables
We’re 90% completed with Divi Design Variables and hope to unencumber it subsequent week! 🙌 You could pay attention the word “recreation changer” being thrown round incessantly when describing new options, however this one really merits the label.
It’s a daring step in a brand new route for Divi and an very important a part of Divi 5’s design machine, which we’re construction to meet the wishes of complicated internet designers.
Nested Rows
It’s any other wonder characteristic. 🤩 Previous this week, I gave a sneak peek at Nested Rows. Rows inside rows! It’s a easy concept however a very powerful first step in making a extra versatile structure machine for Divi 5.
Quickly, it is possible for you to so as to add rows inside rows, unlocking new structure constructions.
Flexbox Layouts
It’s any other wonder characteristic. 🤩 I haven’t given a sneak peek of this one but, however here’s a little glimpse.
We’re totally overhauling Divi’s structure machine to make use of flexbox, enforcing many new row constructions, and surfacing flexbox controls for modules, rows, and sections. You’ll be able to create each structure beneath the solar with flexbox and nested rows. Plus, you’ll keep an eye on column wrapping, content material vertical alignment, responsive column breakdown, and extra.
This huge replace will take a little time, however it’s going to be well worth the wait.
WooCommerce Modules
From the outdoor, development on Woo modules has gave the look to be nonexistent. That’s as a result of we have been researching Woo blocks and growing a brand new CLI instrument to a great deal scale back the time it takes to transform Divi 4 modules to Divi 5.
A little bit of funding will repay giant time in the end.
The excellent news is that we finished our module conversion instrument this week! This instrument automates 80% of the tedious module conversion paintings. The use of this instrument, we are hoping to transform all 20+ Woo modules over the following couple of months, surroundings the level for a mid-year Divi 5 beta unencumber.
Within the interim, we proceed pushing Divi 5 ahead and inspiring adoption with competitive enhancements. Don’t overlook that you’ll use Divi 5 now, even on WooCommerce web sites, the use of usual WooCommerce templates and blocks.
Changelog
Here’s a checklist of the entire adjustments carried out in Public Alpha 11.
- Fastened malicious program with gradients containing international colours no longer accurately migrated to Divi 5.
- Fastened the picture depend choice no longer running within the Gallery Module.
- Fastened a subject the place international colour values may just no longer be stored/carried out to web page settings whilst common colours have been saving/being carried out accurately.
- Fastened internationalization for some preset labels.
- Up to date Map and Map-Pin module to make use of callbacks for the map box for the auto-generated module settings.
- Fastened a subject the place the Quantity Counter module animation brought about on web page load as an alternative of when getting into the viewport.
- Stepped forward efficiency when interacting with the builder’s UI.
- Fastened a subject the place the Open Name Textual content colour in Accordion Pieces reset to default when converting the Name Heading Degree on module settings.
- Fastened a subject the place the icon was once no longer vertically focused when dynamic content material was once used.
- The slider and accordion module’s heading degree is fastened for module preset and choice staff preset.
- Fastened a subject with the Divider module no longer showing when set to Place: Absolute.
- Fastened sticky background colours weren’t making use of accurately on rows in each Visible Builder and Frontend.
- Up to date generated medical doctors index and intro web page.
- We fastened the slider module reinit factor by means of converting the heading degree from the settings panel.
- Fastened the expanded icon colour visibility factor whilst we switched the colour temper to Darkish.
- We up to date our enter validation to simply accept incomplete math serve as regulations.
- Up to date math serve as validation for unit picker can now take care of nested parentheses in math serve as price.
- Got rid of additional ‘medical doctors’ from documentation and replace all hyperlinks.
- Fastened a subject the place choice staff preset edit mode would shut in advance when growing presets from present kinds.
- Fastened a subject the place choice staff preset values have been incorrectly inherited by means of module presets.
- Fastened factor: the unit at all times resets to deg every time we modify the Turn out to be Rotate and Skew price with spinner, dragging, and increment buttons.
- Fastened the problem the place default presets according to customized Possibility Workforce presets weren’t carried out accurately within the Visible Builder upon preliminary module addition.
- Fastened Gradient Duration gadgets confirmed undefined.
- Got rid of unsupported gadgets (ch, ex, cm, mm, inch, pt, laptop, calc(), min(), max(), clamp(), cssVar, inherit, unset) to stop invalid alternatives.
- We fastened the Firefox browser error factor for the Fullwidth Header module once we enabled fullscreen.
- Got rid of invalid unit choices (unset, inherit, none, clamp) from the Turn out to be OG unit picker to stop invalid transformations.
- Set the placeholder to drain when the defaultValue is categorically keywordValue, and the unit is modified to a non keywordValue unit.
- Show an error message when an invalid unit is used at the math serve as.
- Fastened a subject the place the Name Textual content Possibility Workforce preset didn’t observe the right kind heading degree for Accordion pieces.
- Fastened a subject the place a world colour edit can’t be canceled in TB as a result of clicking the cancel button has no impact/does not anything.
- Fastened a subject that averted temp JSON recordsdata from being deleted after uploading giant pages.
- Correctly blank all caches in order that style-related adjustments take impact throughout all appropriate pages after adjustments to Module Presets, Possibility Workforce Presets, International Colours, and Fonts.
- Fastened a subject the place the unit label adjustments when line peak will increase or decreases from the unit picker.
- Presented a dynamic characteristic flagging machine to regulate and toggle experimental functionalities in Divi submodules.
- Got rid of legacy characteristic flags and their related code for enhanced maintainability and ease.
- Disable the variety box’s increment by means of urgent the arrow up / down when the present price is a math serve as or CSS variable.
- Introduce new hooks to filter out default attributes, default published genre attributes, and placeholder content material outlined within the module config.
- Fastened a regression within the colour picker the place it could no longer open when clicking the Upload New Colour button.
- Presented Complicated Gadgets, together with fortify for all CSS gadgets, purposes, and variables.
- Fastened a malicious program the place international colours utilized in presets don’t seem to be exported when exporting a structure and are unavailable for import when uploading a structure.
- Fastened malicious program with inline Google fonts caching mechanism in Divi 5.
- Fastened a subject the place movement results weren’t carried out to the Bar Counter module.
- Fastened a subject with customizable breakpoints reset too briefly whilst typing, requiring customers to kind very speedy.
- Assigning the default choice staff preset won’t turn on enhancing mode.
- Fastened a malicious program inflicting import not to paintings when the structure has Divi 5 shortcode modules.
- We up to date the relative URLs with @Divi, the place we want to import applications in visible builder shortcuts.ts.
- Fastened switching gadgets within the Unit Picker mechanically set the sector price to 0, inflicting components to vanish impulsively.
- Fastened a safety factor within the customized heading tag.
- Fastened the unit picker error message for the calc unit picker.
- Moved the module settings box’s button to the brand new place.
- Fastened the Accordion module toggle background colour factor whilst converting the colour from the kid part degree.
- Fastened a subject the place the slider is going clean display whilst including a brand new slide.
- Fastened the inner-row module alignment factor whilst surroundings its left margin price for the area of expertise segment.
- Fastened a subject the place the sector label isn’t appearing on some fields within the element.
- Fastened the Blurb module Name colour factor whilst we set the Textual content colour to Lite.
- Fastened factor with emails no longer going out to more than one emails separated by means of commas added in module settings of Touch Shape.
- Fastened malicious program with the Map module if the Enqueue Google Maps Script choice is disabled in Theme Choices.
- Up to date medical doctors, new index web page styling, and new CTAs for downloading Divi 5 and becoming a member of Discord.
- We up to date the handbook documentation with old-fashioned knowledge and added a brand new obtain hyperlink.
- Presented Possibility Workforce Presets.
- Stepped forward efficiency whilst loading Pre-made packs within the Onboarding workflow.
- Applied library pieces import machine with portability within the cloud app.
- Fastened copying/pasting from/to nested module choice teams.
- Fastened the concern order of fields within the Scroll Settings staff to verify ‘sticky’ seems ahead of ‘scroll’ throughout quite a lot of modules.
- Fastened the submit navigation module’s flawed submit hyperlinks the use of the similar class posts.
- Customized callbacks have been added to the auto-generated module settings for the Fullwidth Map Module.
- Stepped forward clarity by means of disposing of unused recordsdata.
- Fastened a subject the place the tab module was once no longer displayed accurately when a situation was once set at the first tab merchandise and returned false.
- We fastened a subject with Width/max-width no longer running from the Design tab for Place Absolute.
- Fastened a subject the place the Slide module didn’t inherit the transition set within the Slider module.
- Up to date all modules to assist modal movies.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets.
- Refactored AGMS to permit customized callbacks to be assigned for Workforce/Box in respective module index.ts record.
- Fastened the caution associated with the Divider module’s proper and left padding.
- Fastened a subject the place hover state choices have been incorrectly to be had for Background and Textual content Overlay settings within the Fullwidth Slider Module.
- Fixes a safety factor that might permit customers missing unfiltered_html capacity to set the enable_html Dynamic Content material flag by the use of the vintage editor.
- Fastened a subject the place the Google font seek displayed all fonts as an alternative of filtering effects according to the hunt question.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Accordion Merchandise module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Accordion module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Weblog module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets in CountDownTimer module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Divider module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the FilterablePortfolio module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Complete-Width Menu module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Fullwidth post-Slider module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Heading module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Menu module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Publish Navigation module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Pricing Desk module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Seek module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Phase module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the SignupCustomField module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets in Slide module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Testimonial module.
- Added foundational fortify for Composite Workforce dealing with in Possibility Workforce Presets within the Toggle module.
- Fastened the inner-row module’s et_clickable magnificence lacking factor, which makes the module un-clickable once we set the hyperlink price from the settings.
- Replace the code instance within the “Including Placeholder Content material” and “Changing Dynamic Module” pages to import the placeholderContent application serve as from the moduleUtils bundle.
- Fastened instance modules don’t seem to be loaded because of a deadly error when updating the bundle to import the placeholderContent application serve as.
- Fastened a safety factor within the Audio Module.
- Fastened a subject the place composite teams with more than one characteristic names having equivalent suffixes ended in inconsistent characteristic variety.
- Fastened a safety factor within the Background element.
- Fastened header and footer kinds no longer running accurately on index pages, akin to class pages and seek effects pages.
- Fastened a subject that averted the Visible Builder from loading at the web page that comprises shortcode modules.
Bounce Into Divi 5 These days
The Divi 5 Public Alpha is to be had as of late. As defined in Divi 5’s unique multi-phase release schedule, the Divi 5 Public Alpha is like “Divi 5 Lite.” It’s lacking a couple of options and might not be appropriate for present web sites, however it’s in a position for use on new web sites in the event you want the enjoy to Divi 4. Give it a check out, and tell us what you suppose!
Should you discover a malicious program, report it to our team, and we’ll repair it. We’ll proceed to paintings aggressively so as to add new options and cope with comments.
Keep tuned for a brand new Divi 5 model each two weeks. From right here on out, Divi 5 will fortify continuously throughout the Alpha, Beta, and past.
The submit Divi 5 Public Alpha 11: Release Notes And Feature Progress gave the impression first on Elegant Themes Blog.
Contents
- 1 What’s New In Public Alpha 11?
- 2 Trojan horse Fixes & Enhancements
- 3 Function Growth
- 4 Changelog
- 5 Bounce Into Divi 5 These days
- 6 The YouTube Expansion Technique Mr. Beast, Cocomelon, & Like Nastya Use to Dominate the Web (Wri...
- 7 10 Tricks to Bill Your Shoppers Professionally
- 8 Obtain a FREE Header & Footer for Divi’s House Reworking Structure Pack
0 Comments