Considering using the Divi theme for your WordPress site?
In our hands-on Divi theme review, we’ll help you decide whether or not this popular theme is your best option.
Divi is an interesting multipurpose theme that blends a traditional theme with the built-in visual, drag-and-drop Divi Builder (which also comes in a separate plugin version).
You can either use the Divi theme as a “regular” theme where you set up your header/footer/layouts using Divi’s built-in Customizer options. Or, as of Divi 4.0, you can also use the Divi Theme Builder to design 100% of your site using Divi’s visual interface.
With all that flexibility, you can easily use it for everything from blogs to eCommerce stores, portfolios, business sites, and…well, pretty much anything else.
If all that sounds confusing right now, don’t worry! I’ll explain what all of this means as we get deeper into our Divi theme review. Keep reading to learn more…
Exploring Key Parts of the Divi Theme
In this first section, I want to explore the different “parts” of the Divi theme so that you understand what it includes. This will also help you understand what’s happening in the next section, where I show you how you can use Divi to create your website.
The Divi Builder is the most unique thing about the Divi theme in comparison to other themes out there. It’s a visual, drag-and-drop page builder built right into your theme. You can think of it in the same vein as other tools such as Elementor Pro, Beaver Builder, etc. The key difference is that it’s built into the theme (though you can also get it as a standalone plugin version).
If you’re not familiar with these tools, they let you build 100% custom designs without needing to know any code. You can do everything from the visual, drag-and-drop interface. Think of them like Squarespace or Wix…but for WordPress.
You’ll work in a visual interface like below, where you can see exactly how your design will look to visitors.
You can control the layout with rows and columns, and you can add new content by adding different “modules”. For example, you might have one module for a button, another for an image, another for a pricing table, another for a contact form, etc.
Each module (and row/column) gets its own detailed settings that let you control features, styling, spacing, etc. For example, if you’re editing a Contact Form module, you can control the form fields, styles, notifications, etc.
By putting everything together with drag-and-drop and editing the settings, you can create your own custom designs without ever interacting with code. Again,
This article was written by Colin Newcomer and originally published on WPKube.