Posts

Components Inside Of Components Using Slots

Image
A resource section can share one introduction across several pages while presenting different content beneath it. Reusing both the section and its cards lets you maintain those designs separately. With Components and Slots in Divi 5 , you can combine those two levels of reuse. Put a card Component inside a Slot belonging to a larger section Component. The section controls its shared structure, the card controls its own shared design, and each page instance supplies its content. We’ll build a pine-green resource collection with peach cards, oversized serif headings, and editorial images. Its first instance contains two resource cards. Its second contains a checklist card beside a newsletter block. All three cards remain connected to one card source. How Components Inside Slots Work A Component has a saved source and connected instances. The source defines the settings those instances share. A Slot provides a place for an instance’s own child elements within that shared ...
Post a Comment
Read more

Nested Variables, Variable Math & Variable Combinations for Divi 5

Image
I’m excited to introduce a new level of flexibility for Divi 5 variables: combine them, nest them within other variables, and use them directly in calculations within your settings. 🎉 Create spacing relationships that stay connected as your design changes. Build fluid sizes from shared minimum and maximum values. Mix reusable text, dynamic content, and your own words in the same field. This expands on Design Variables and works alongside Relative Colors , turning reusable values into the building blocks of more connected designs and content. Let’s take a look at how it works. 👇 Create Design Relationships With Variable Math A number variable can now be part of a calculation. Insert your variable into a supported number field, then combine it with other values using addition, subtraction, multiplication, or division. Imagine a section with padding controlled by a Spacing variable. You want an image inside that section to extend beyond its edge. Use the same variab...
Post a Comment
Read more

Best Practices For Steering Divi AI Agents To Get It To Do What You Want

Image
Divi 5 has a new way to build pages in the Visual Builder: Divi AI agents . Instead of working through settings panels one change at a time, you describe what you want in a conversation, and the agent carries it out on the page. It can add modules, update styles, work with your design system, and handle multi-step tasks while you watch. Clear direction helps it produce a useful first pass. Name the outcome, identify the target, and explain what should stay unchanged. Without that guidance, the agent has more decisions to infer, and the result may need more cleanup. In this post, we’ll explain which controls shape the work, then walk through ten best practices for steering Divi AI agents toward the result you have in mind. What Are Divi AI Agents? Divi AI agents brings a conversational assistant into the Divi 5 Visual Builder. You describe what you want, and the agent can add, edit, move, and style elements, update design settings, and coordinate changes across the layout. It...
Post a Comment
Read more

WordPress vs Astro (2026): Which One Fits Your Next Site?

Image
WordPress and Astro can both power a blog, portfolio, or business website, but they give you different starting points. WordPress includes a content management system with an editing dashboard, user accounts, and a media library. Astro is a web framework that lets developers build the front end and choose how content is managed. For many projects, the deciding question is who will edit the site after launch. A developer maintaining a site through code has different needs from a client who wants to update services, publish articles, and manage inquiries independently. My experience is mainly with WordPress sites built around options pages, custom post types, and custom fields. I approached Astro from that perspective: where does it simplify the work, and where does it require a different setup? This comparison uses a small demo to explore those differences rather than treating either platform as the best choice for every site. What Astro Is, And What It Leaves Out Astro is an open-s...
Post a Comment
Read more