The Tech Zone

The beauty of WordPress is that it is a content management system (CMS), not just a site builder. That means you can use its flexible content storage to set up a blog, create custom post types (like projects or real estate listings), and much more. Divi’s Loop Builder is the easiest way to take that content and display it across your website in 100% customizable designs. This makes Loop Builder Queries essential. Divi 5 introduced the Loop Builder , with lots of standard Query Options. These define exactly what content appears inside a looped container. This post walks through every query setting, explains what it does, and points out when you might need plugins like ACF. Building Custom Loops A loop starts with the Looped Element. Think of it as a container that repeats itself for every matching item. The items might be posts, terms, users, or repeater fields. Once you turn looping on, the query panel shows up. This is where the real control lives. Query Type The first step is ...

The Blog Module is Divi’s built-in feed generator that works out of the box. It gives you a fast way to list posts with toggles for titles, images, excerpts, and metadata. Divi 5 ’s new Loop Builder takes a different approach. You design the item with any modules, then feed dynamic content into it. Both tools display looped content, yet each shines in different scenarios. Knowing when to use which saves time and prevents frustration. Let’s compare the two. Subscribe To Our Youtube Channel Mini Glossary This is a short set of terms for beginners who are new to the concept of a Loop Builder: Custom Post Type (CPT): A custom content type like Products or Courses. It behaves like Posts but can have its own unique fields. Custom Field: A field you add to a post, page, or CPT. Examples for a food menu might include price, rating, gluten/allergy declarations, and spiciness levels. Repeater Field: A field that stores a list of items inside individual posts. Think about sub-lists t...

Consistent spacing is the foundation of a polished, professional website. Instead of managing margins on individual elements one by one, you can rely on a single system that keeps layouts clean and balanced across your site. With Divi 5’s new Design Variables and Flexbox features, you can now build a gap-based spacing system directly in the Visual Builder, no custom coding required. Let’s take a look! Why Traditional Spacing Methods Fall Short Margins and padding seem simple enough. Add some space here, adjust the padding there. But this approach can easily get messy. Here’s how it plays out in practice: You set a 30px margin on one text block. Then you need space around a button, so you add 20px. Another module needs breathing room, so you pick 40px. Each decision feels right in the moment, but you’re building a house of cards. Switch to mobile, and everything might look disbalanced. Those carefully chosen pixel values don’t translate. Your spacing looks perfect on desktop, ...

Random color choices rarely lead to a cohesive design. If you’re building websites professionally, you need an intentional system. You can build a real color system inside Divi 5 using Color Management and Design Variables . These are colors you set directly in the Visual Editor, can access in any color field, and come with plenty of other conveniences (which we’ll show you below). This post will show you how to set up a flexible, scalable color system in Divi 5. What Is A Color System? A color system is basically a pre-planned palette of colors used consistently across your site. It helps everything look intentionally styled rather than randomly thrown together. For a good system, you usually need: Primary color : Main branded color. Secondary color : Supports and contrasts with the primary. Text color : Clear and readable for headings and paragraphs. Accent : Other colors for alerts, notices, and other important stuff (optional). Background colors : Typically neutrals or s...

Divi empowers you to build the best websites possible, and now, Divi Quick Sites takes website creation to a whole new level. This revolutionary tool lets anyone, regardless of skill level, generate a complete website in under two minutes! Divi Quick Sites provides everything you need to launch your dream website instantly. You can choose a pre-made Starter Site that’s been professionally designed or Divi AI to generate an entirely new design. Each Starter Site comes pre-loaded with all essential web pages, stunning Theme Builder templates, customizable global styles and presets, and a ready-made navigation menu. But that’s not all! Divi Quick Sites are completely customizable with Divi’s drag-and-drop page builder. Let’s dive deeper into the Divi Recruiter Starter Site and discover what’s included! What is a Divi Starter Site? Our revolutionary new product, Divi Starter Sites, automatically generates an entire Divi website in under two minutes. Our design team professionally desi...