I’m excited to introduce Semantic Parts & Customized HTML Wrappers for Divi 5.

Now, you’ll trade the component form of any module and make the most of semantic tags like nav, segment, header, and button to present inherent which means to each and every. It’s vital for accessibility and search engine marketing, because it permits display screen readers and bots to know a web page’s construction. You’ll construct your individual menu the usage of Divi components after which trade the semantic tag to ‘nav’ to tell display screen readers of its goal.

We additionally added the facility so as to add customized HTML sooner than and after any component, providing you with extra freedom to create customized wrappers and inject code into explicit spaces of the web page {that a} code module can’t get right of entry to.

Take a look at the next video to peer the brand new function in motion. 👇

Semantic Parts

You’ll be acquainted with quite a lot of HTML tags, akin to div and span. Every tag has a particular goal; the a tag is for developing hyperlinks, the p tag is for containing a paragraph of textual content, and so forth.

HTML5 presented new tags, together with many semantic structural tags akin to segment, article, header, and footer. Striking content material inside of those tags offers inherent which means for your HTML, because of this display screen readers can establish the place your web page content material starts and the place one block of content material begins and ends. Moreover, components like buttons let display screen readers know that one thing is clickable.

Construct Anything else With Correct Tags

With Divi 5, you’ll construct the rest, with infinitely nested elements, customized interactions, and extra. You’ll create a button from an icon, and even increase your individual navigation the usage of textual content modules and off-canvas custom mega menus.

Now, you’ll construct the ones customized components the usage of correct semantic tags; flip the icon right into a button, and switch your customized menu right into a nav. If you’re development a one-page online page and no longer the usage of the Theme Builder, you’ll crew content material into semantic sections, akin to header, article, and footer, amongst others.

Each component comes with a brand new HTML possibility crew within the complicated tab of the settings panels. Make a selection your required tag from the Part Kind menu.

Customized HTML Wrappers

Throughout the new HTML possibility crew, you’ll additionally in finding two new code settings for injecting HTML sooner than and after any component.

It really works like two integrated code modules, permitting you so as to add code without delay to a component, which isn’t conceivable with the code module because of how Divi components are separated.

Check out Divi 5 Lately

Semantic Parts and Customized HTML Wrappers at the moment are to be had for Divi 5. Give them a try to tell us your ideas.

We rebuilt Divi from the bottom up and packed it stuffed with dozens of your maximum asked options. Fail to remember the whole lot you idea you knew about Divi, as a result of Divi 5 is a completely other beast.

Have You Attempted Canvases For Divi 5?

Should you neglected it, we lately launched Canvases for Divi 5.

A canvas is a workspace indifferent out of your primary put up content material. You’ll use them as staging spaces for design updates, a spot to retailer and prepare off-canvas parts, or just as a protected house to experiment with new concepts. You’ll create world canvases to construct website-level off-canvas menus and popups, in addition to native canvases for explicit posts.

Watch this video for all of the main points. 👇

Extra Divi 5 Updates Are On The Means

2025 is the yr of Divi 5. The tedious paintings is at the back of us. We constructed the super-fast basis, and now it’s time for Divi to make its comeback.

When you’re right here for the Divi comeback, do us an enormous prefer and tell us by means of liking this video and leaving a comment. It method so much to us to peer you cheering Divi on, and it’s crucial to feed the set of rules and unfold the phrase.

Don’t fail to remember to follow us on YouTube and subscribe to the Divi newsletter so that you by no means omit an replace. I’ll see you quickly for some other Divi 5 function announcement, which I promise will likely be proper across the nook. 😁

The put up Semtantic Elements & Custom HTML Wrappers For Divi 5 gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

read more