Posts

How To Create Dynamic Navigation Using Divi 5 Menu Loops

Image
Divi has always connected to WordPress menus through the Menu module. What the new Link module, Dropdown module, and Menu query type in the Loop Builder add is compositional control. Instead of relying on a pre-packaged menu component with a fixed structure and styling constraints, you can now build navigation from individually styleable modules using the same building blocks you use elsewhere in Divi 5. The Menu query type in the Loop Builder is the other key ingredient. A Link module can be looped against a WordPress menu so it repeats once per menu item and dynamically pulls in each item’s text and URL. Add, remove, or reorder items in Appearance > Menus , and the navigation updates without requiring changes in the Visual Builder. There is one current limitation to keep in mind: Divi 5’s new menu looping does not yet provide a complete one-loop solution for top-level items and nested sub-menu items together. These new modules and the Menu query type still provide a strong fou...
Post a Comment
Read more

Everything You Need To Know About Editable Theme Builder Areas In Divi 5

Image
Divi 5 is now available, bringing a rebuilt foundation focused on performance, a modernized builder experience, and a growing list of new features. One of the latest additions is Editable Theme Builder Areas , also referred to as complete site editing. Instead of leaving the Visual Builder to open the Theme Builder separately, you can now edit the active header, footer, and body template areas directly on the front end while working on the page itself. This creates a smoother workflow because the global template areas assigned to the page you’re viewing appear inside the same editing session. You can update site-wide elements and page-level content side by side, with less context switching and faster visual feedback. In this post, we’ll walk through what Editable Theme Builder Areas are, how to use them, and a few practical ways to work with them more efficiently. Let’s dive in. What Are Theme Builder Areas In Divi 5? Divi has always been more than a page builder. It also gives y...
Post a Comment
Read more

Divi 5: Semantic Elements vs Role Attributes

Image
In an era where WCAG compliance, semantic HTML, and AI-assisted search experiences matter, modern website builders are evolving to make accessibility and meaningful structure standard rather than an afterthought. Divi 5 is part of that shift, making it easier for Divi users to build sites with clearer structure and stronger accessibility. Divi 5 includes Semantic Elements , which let users change a module’s underlying HTML tag to native semantic tags such as nav , header , article , or button . Another recent feature, Custom Attributes , lets users add HTML attributes, including ARIA roles and states, in the Advanced tab. While Semantic Elements provide built-in meaning through proper HTML tags, Custom Attributes provide additive semantics and finer control when a native tag alone is not enough. In this post, I’ll compare the two approaches head-to-head, explain when to prioritize one over the other, and show how they work together in Divi 5 to improve accessibility, clarity, and lo...
Post a Comment
Read more