The Divi 5 Public Beta is to be had lately. When you desire the revel in to Divi 4, it’s able to be used. When you use Divi 5, you’ll realize an replace notification for Public Beta 6. We unlock new Divi 5 variations each two weeks, and each and every one improves upon the final.

When you haven’t attempted Divi 5 but, give it a check and tell us what you assume.

What’s New In Public Beta 6?

We applied 104 trojan horse fixes and enhancements, and launched a brand new function known as Semantic Elements & HTML Wrappers.

Our venture over the last few months has been to mend insects and put in force minor enhancements. All the group continues to deal with your comments as we method the reputable unlock of Divi 5. After just about a 12 months of public trying out and improvements, Divi 5 is strong, and we’re on the brink of take away the beta label and make it reputable.

Within the interim, you’ll be able to use Divi 5 in the event you desire the revel in to Divi 4. Give it a attempt to revel in the way forward for Divi lately!

In my spare time, I’ve additionally been preserving the ball rolling for your maximum asked options. If you wish to get an early inside of scoop, I incessantly publish growth studies within the Divi Theme Users Facebook team. Sign up for us!

Semantic Parts & HTML Wrappers

We launched Semantic Elements & HTML Wrappers in Public Beta 5.2 🎉

Now, you’ll be able to exchange the detail form of any module and make the most of semantic tags like nav, phase, header, and button to offer inherent which means to each and every. It’s necessary for accessibility and search engine marketing, because it permits display screen readers and bots to grasp a web page’s construction.

As an example, you’ll be able to construct your personal menu the usage of Divi parts after which exchange the semantic tag to ‘nav’ to tell display screen readers of its objective.

We additionally added the power so as to add customized HTML prior to and after any detail, providing you with extra freedom to create customized wrappers and inject code into particular spaces of the web page {that a} code module can’t get entry to.

Fixes & Enhancements

Here’s a record of all fixes and enhancements incorporated on this replace.

• Added translation fortify for D5 Visible Builder UI in all 32 supported languages.
• Fastened the problem the place the Video Slider overlay and play icon didn’t seem for hosted MP4 movies.
• Fastened factor the place customized breakpoints enabled in Sitewide Responsive Breakpoints didn’t seem in module visibility choices, combating customers from hiding modules on customized breakpoints.
• Fastened Circle Counter, Circle Background Colour, and Circle Background Opacity preset values no longer showing within the module settings panel when the preset is carried out.
• Fastened “Obtain Backup” button in save failure modal to in truth obtain a JSON backup of the present web page the usage of the portability export device.
• Fastened module locking capability, TypeScript mistakes, and added a visible lock indicator with correct styling for locked modules within the Visible Builder.
• Fastened gradient no longer rendering in Visible Builder when the usage of international colours with parallax background photographs.
• Added fortify for uploading a couple of structure recordsdata concurrently in Divi Library Portability.
• Fastened Frame Textual content choice team showing in Woo Realize module Design Tab for Product and Cart web page sorts the place it doesn’t practice. The gang now seems best when the Web page Sort is about to Checkout.
• Fastened ACF repeater fields inside of team fields no longer being obtainable in Loop Builder by means of enforcing recursive box discovery and correct title prefixing for nested ACF constructions.
• Up to date documentation to elucidate optimum patterns for registering customized box elements in Divi 5 modules, together with all 3 use circumstances and hook timing explanations.
• Fastened inconsistent slide transition timing in Team Carousel automated rotation when attaining carousel obstacles.
• Fastened modal ultimate abruptly when clicking out of doors dropdown fields inside of Customized Attributes and Interplay Builder modals. Dropdowns now shut independently with out ultimate all of the modal.
• Fastened the random order loop and ensured featured photographs replace appropriately on web page reloads.
• Fastened Code module including undesirable backside margin after migration from Divi 4 to Divi 5.
• Fastened PHP warnings for undefined array key ‘isCatchAll’ in Show Stipulations when processing classes and tags stipulations.
• Fastened Grid structure unit picker to show the fr (fraction) unit as a selectable choice, bettering discoverability and usefulness for CSS Grid layouts.
• Fastened lacking alt and identify attributes in Loop Builder featured photographs by means of routinely populating them from Media Library metadata when displayed in Theme Builder templates.
• Fastened loop-enabled blocks no longer being detected when the loop configuration comprises nested JSON constructions, inflicting loop variables to show as uncooked markup at the front-end.
• Fastened Migrator appearing unsuitable module counts when re-running compatibility take a look at after modifying content material in Divi 4.
• Fastened slide-in header submenu enlargement capability by means of making sure the specified JavaScript handler lots for the slide-in header taste.
• Fastened empty columns in Visible Builder so customized border types paintings appropriately with out being overridden by means of the default empty column indicator.
• Fastened clear header no longer covering Hero module appropriately in D5
• padding now applies to the module as a substitute of the phase wrapper, matching D4 habits.
• Fastened a topic the place manually environment the Structure Taste box to “flex” (the default price) incorrectly displayed it as a changed price with darkish textual content and a reset icon.
• Fastened Web page Portability shedding tab visibility and unsuitable import routing when opened after Library Portability.
• Fastened background gradient no longer inheriting from desktop breakpoint when parallax is enabled on pill and contact breakpoints.
• Fastened math serve as values (calc, clamp, min, max) no longer exhibiting in CSSNumeric enter fields for extra minor breakpoints once they range from the default price.
• Fastened nested modules disappearing at the front-end when the mother or father module has responsive content material by means of filtering detail updates to simply impact direct kids, combating descendant selectors from incorrectly matching nested modules’ content material.
• Fastened border-radius disappearing on hover for sections with parallax background photographs in Visible Builder.
• Added Root-Degree Items Assessment documentation web page explaining the construction and objective of all seven root-level gadgets in conversion-outline.json recordsdata.
• Added complete instructional documentation for valueExpansionFunctionMap and nonResponsiveAttributes houses in conversion-outline.json, together with an entire reference desk of all to be had enlargement purposes and detailed examples for third-party builders.
• Added very best practices documentation for conversion-outline.json recordsdata overlaying not unusual patterns, trying out methods, troubleshooting guidelines, and upkeep steering.
• Fastened button icon vertical alignment factor in WooCommerce Cart Totals, Checkout Cost, and Cart Realize modules when the usage of default icons with “Display Button Icon” enabled (#46974).
• Fastened button icon spacing factor in WooCommerce Product Upload To Cart module to check different modules and customized icon spacing (#46975).
• Fastened WooCommerce zoom icons and types no longer loading on archive pages when the usage of Theme Builder templates with WooCommerce modules.
• Fastened brand photographs in Hero module loading with unsuitable dimension after which resizing in Visible Builder by means of persisting fetched width and top attributes to module attributes.
• Fastened unsuitable cursor guidelines for locked modules. Lock icons now persistently show the pointer cursor for all locked parts (Sections, Rows, and Modules), and locked modules themselves show the not-allowed cursor to signify that they can’t be moved.
• Fastened Icon Listing Merchandise align-items CSS is being overridden by means of default types when the usage of column structure route.
• Fastened PHP 8.4 deprecation warnings by means of explicitly mentioning nullable sort hints for non-compulsory parameters within the MultiView application trait.
• Fastened Symbol module justify-self alignment no longer operating in CSS Grid layouts because of auto margin battle.
• Fastened a topic the place redo stopped operating when restoring international colours all over historical past operations. The repair additionally resolves the similar drawback when making use of presets with international colours.
• Fastened Responsive Editor richtext fields, that have been incorrectly updating all breakpoints when typing, and added automated breakpoint switching when specializing in richtext fields within the Responsive Editor.
• Added developer documentation for programmatically clearing CSS cache, together with clear out and motion hook utilization examples.
• Fastened PHP deadly error when mb_convert_encoding() is known as with out the mbstring extension to be had in AdvancedOptionConversion.
• Fastened PHP deadly error when mb_ord() receives an empty string or when the mbstring extension is unavailable in Customizer button icon settings.
• Fastened nested Textual content module design types no longer making use of appropriately in Visible Builder when mother or father and baby modules have conflicting types.
• Fastened Changed Filter out no longer appearing each height and backside phase divider fields when each are changed.
• Fastened module and team preset stack adjustments no longer synchronizing throughout international module cases. Additionally mounted the problem the place casting off all team presets avoided including new presets after web page refresh.
• Fastened inconsistent automated modal opening when the usage of “Upload Component Above” on sections.
• Fastened the primary canvas shedding its primary standing when exported from the canvas grid view.
• Fastened a PHP realize that gave the impression in error logs when exhibiting Audio, Hyperlink, or Quote publish structure posts within the Weblog module.
• Fastened module drag and drop failing when customized CSS categories contained main dots or different invalid constructs.
• Fastened a topic the place background gradients may no longer be disabled after being enabled, particularly when the gradient duration used to be set.
• Fastened the Gallery module field shadow no longer following border radius within the Slider structure by means of making use of border-radius to the module container point.
• Fastened wireframe mode to recognize row flex-wrap settings, making sure columns show facet by means of facet when flex-wrap is about to nowrap, matching desktop view habits.
• Fastened a topic the place Structure attributes weren’t incorporated when copying and pasting Merchandise Kinds between modules.
• Fastened Video Slider thumbnails no longer exhibiting in tabs after the primary tab when Video Slider modules are nested inside of Tab modules.
• Fastened the shortcoming to delete D4 detail presets after migration to D5 completely.
• Fastened a topic the place CTA modules migrated from Divi 4 with background disabled displayed undesirable padding that wasn’t provide within the unique Divi 4 structure.
• Fastened the Team Carousel automated rotation pace unit conversion in order that the seconds unit environment takes impact appropriately.
• Fastened Put up Content material Module no longer rendering product content material when WooCommerce modules are found in Theme Builder product templates.
• Added context detection mechanism for Put up Content material Module rendering to permit context-aware content material suppression in Theme Builder templates.
• Fastened Touch Shape dropdown fields marked as “no longer required” incorrectly display validation mistakes when left unselected all over shape submission.
• Fastened clear Content material Space Background Colour no longer operating in Theme Builder layouts.
• Fastened documentation to elucidate that customized module fields will have to reference present team names, no longer panel names, when the usage of groupSlug or groupName houses in clear out hooks.
• Fastened Icon Listing module icon margin-top spacing no longer making use of when custom designed in module settings. The spacing environment now appropriately overrides the default 5px margin-top price.
• Up to date documentation comments footnotes to take away Discord reference and make sure constant formatting throughout all documentation pages.
• Fastened the Touch Shape module reCAPTCHA v3 integration by means of sanitizing shape UUIDs to agree to Google’s motion title personality necessities, permitting paperwork with reCAPTCHA v3 enabled to publish effectively.
• Fastened Particular person module structure converting from block to flex all over Divi 4 to Divi 5 migration, protecting the unique Divi 4 block structure look.
• Fastened the Icon Listing merchandise structure route no longer exhibiting appropriately within the Theme Builder canvas preview.
• Fastened the Symbol and Fullwidth Symbol modules’ Overlay choice team no longer showing in preset mode, and enabled Possibility Team Preset capability for Overlay and Alignment teams.
• Fastened Video Slider thumbnails no longer exhibiting in Accordion Module goods after the primary merchandise.
• Fastened Woo Product Photographs module preview no longer updating in Visible Builder when toggling Display Featured Symbol, Display Gallery Photographs, or Display Sale Badge choices.
• Fastened VB Library Import no longer permitting a couple of record variety when uploading layouts from the library.
• Fastened border no longer showing on Woo Checkout Cost module and different modules with default border types when border width used to be set with out explicitly environment border taste.
• Fastened Woo Product Gallery Module photographs being cropped when the usage of the Slider structure in Divi 5.
• Up to date documentation to take away old-fashioned references to JavaScript conversion processing and explain that best JSON recordsdata are utilized by the PHP migration device for module conversion.
• Added new HTML choice team.
• Added a brand new Component Sort choice to make a choice semantic tags for any detail.
• Added new HTML Ahead of & HTML After choices to all parts.
• Fastened damaged types that took place on the second one web page load on pages that used Theme Builder Templates, together with publish content material that focused an off-canvas detail by means of an interplay.
• Fastened vary box spinner arrows no longer respecting decimal step values (e.g., 0.05), inflicting unsuitable increments. Spinner now appropriately steps by means of the configured decimal price whilst keeping up backward compatibility for integer steps.
• Fastened column backside margin no longer making use of on pill and cellular breakpoints when customized values have been set.
• Added documentation for the parent-child object in module.json.
• Added instructional documentation for the wrapper mother or father object in module.json, overlaying wrapper standing and HTML tag configuration for third-party module builders.
• Added documentation instructional for the customCssFields belongings in module.json, explaining the right way to outline customized CSS enter fields for modules.
• Added very best practices instructional for module.json configuration recordsdata to lend a hand builders create well-structured and maintainable module configurations.
• Fastened World Colour labels no longer exhibiting in module settings after uploading layouts containing World Colours.
• Fastened CSS Grid structure to permit any selection of columns as a substitute of being restricted to twelve columns most.
• Added instructional documentation for the module object in conversion-outline.json, overlaying content material mappings, inside content material patterns, header ranges, and inline fonts with examples from core modules.
• Added instructional documentation for complicated houses in conversion-outline.json, overlaying direct mappings and baby gadgets with examples from core modules.
• Added instructional documentation for the text_shadow baby object in conversion-outline.json, explaining the right way to map textual content shadow settings from Divi 4 to Divi 5.
• Added documentation for field shadow mappings in conversion-outline.json, explaining the right way to map field shadow settings from Divi 4 to Divi 5 for each module-level and element-specific shadows.
• Added instructional documentation for borders baby object in conversion-outline.json, explaining the right way to map border ornament houses from Divi 4 to Divi 5 with examples from core modules.
• Added instructional documentation for the filters belongings in conversion-outline.json, explaining the right way to map CSS clear out settings from Divi 4 to Divi 5 ornament houses for each module-level and baby detail filters.
• Added CSS Houses instructional documentation explaining CSS selector mappings in conversion-outline.json recordsdata.
• Added documentation for module.json fundamental houses to lend a hand third-party builders perceive elementary module configuration choices.
• Fastened some third-party plugin shortcodes shedding characteristic values when migrating from Divi 4 to Divi 5.
• Fastened Toggle module identify colours no longer making use of when nested inside of Slides with darkish backgrounds.
• Fastened WooCommerce product duplication corrupting Divi 5 content material by means of making sure correct content material escaping.
• Fastened inconsistent ellipsis formatting in Loop Excerpt between Visible Builder and Frontend by means of making sure complete content material is shipped from the server and ellipsis is continually added after truncation in line with the consumer’s phrase prohibit environment.
• Fastened the problem the place the builder would no longer load if the site had just a international Theme Builder footer template carried out, without a different templates.
• Fastened damaged types at the entrance finish after a couple of web page lots when the web page used an interplay that focused a component at the similar canvas.
• Fastened loop detection, which used to be incorrectly figuring out loops once they didn’t exist, resulting in pointless processing.

Bounce Into Divi 5 As of late

The Divi 5 Public Beta is to be had lately. Give it a take a look at, and tell us what you assume!

When you discover a trojan horse, 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.

The publish Divi 5 Public Beta 6 Release Notes gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more