What is Divi ? I see this question a lot. The answer isn’t as easy as it sounds. It can be confusing to those new to Divi when they see a theme and a plugin often called by the same name, child themes and layouts, and a long list of names that are often used interchangeably. In this article, we’ll look at Divi to see exactly what Divi is, what its main features are, and see who it’s for.
This is the first of a series for beginners where we’ll cover Divi basics and a lot more. For part 2 of this series, see Getting Started with Divi: Purchase, Installation, and Setup.
Is Divi a Theme or a Plugin?
There are a lot of things involved with Divi, and it can be confusing trying to figure out what everyone is talking about. We hear terms and phrases like Divi theme, Divi plugin, Divi Builder, Visual Builder, modules, Divi Theme Builder, page builder, drag and drop, and WYSIWYG.
These terms can be confusing if you’ve never used Divi or built a website before. Fortunately, it isn’t as difficult as it sounds. Many of these terms refer to the same thing.
So, is Divi a theme or a plugin? Is it a theme or a builder? What are we referring to when was say “Divi”?
When we say “Divi”, we’re referring to a WordPress theme. This theme has all of the tools built in to craft your website, including a page builder and a customizer. It actually includes so many tools and options that it can be overwhelming if you’ve never used this type of theme.
There is a separate Divi Builder plugin. This is a stand-alone product that adds the Divi Builder to any WordPress theme. This builder is already built in the Divi theme. If you’re using the Divi theme, you do not need to use the Divi Builder plugin.
Divi’s Main Features
Divi is filled with features. Many are small details that many users never use, but there are several features that every Divi user should be familiar with. Here’s a quick look at the main features of Divi. We’ll cover the basics here and go into more detail in other articles. Most of the settings include documentation or videos that walk you through them.
Theme Options
Divi’s Theme Options allow you to make several site-wide customizations including your logo, social media links for the header and footer, how navigation works, enabling the Classic Builder so you can build on the backend, choose post options, integrate ads, adjust your search engine optimization, integrate code within various locations of your website, and lots more.
The options are self-explanatory and you can get more information about each one by clicking on the question mark that appears when you hover over an option.
Divi Modules
The Divi Builder (including the backend builder, Visual Builder, and Theme Builder – more on those in a minute) contains over 40 modules, such as buttons, images, counters, etc., that you can use anywhere within the layout. The controls are intuitive. Even more modules are added if you have WooCommerce installed. You can also add your own through plugins.
Drag and drop the modules, style them with the built-in controls, and even add custom CSS to specific elements if you want.
Backend Builder
The Divi Builder contains a workspace where you add sections, rows, columns, and modules to create the layout. Each of these elements can be customized and you can move them around.
The backend builder shows a wireframe view with the modules as blocks within the layout grid. You can also select to see how the layout will look on a desktop, tablet, or smartphone. The backend also includes options for publishing, choosing page attributes, and selecting the featured image.
Visual Builder
The Visual Builder uses the same tools as the backend builder, but lets you build the layout on the page exactly the way your visitors will see it. You can also see the wireframe view, see how it would look on the various devices, choose options for the page, etc.
The advantage in the Visual Builder is you can see exactly how the site will look in the browser. Grab the sides of a module and drag to increase or decrease the padding (the space between the content and the sides of the module), drag and drop a module into a different location to see how it looks, change the font and image sizes, etc. It truly is WYSIWYG (what you see is what you get).
Theme Builder
The Theme Builder allows you to create headers, footers, and body layouts using the Divi Builder and then assign them to posts, pages, the entire website, specific categories, etc. Create 404 pages, blog post layouts, archive pages, projects, search results, and pages to custom post types such as WooCommerce products. Choose which pages and posts to include or exclude the layouts.
Using it is optional, but once you get used to how Divi works it’s a great way to customize specific areas of your website. It’s especially good for creating headers and footers using the Divi Builder modules and assigning layouts once rather than having to load it into a page or post every time you want to use it.
Theme Customizer
Divi adds lots of new customizations to the theme customizer. These settings make it easy to style specific elements of your website with sliders, dropdown boxes, and color pickers. Adjust the default header, footer, buttons, fonts, background, layout width, layout height, and lots more.
Divi Layouts
Divi currently has over 1300 free layouts in 180+ layout packs built in. They include images and graphics that are free to use. A new set of free layouts is added every week. You can use these layouts to get started on building your website.
You can save these layouts and your own layouts in the built-in Divi Library. If you want even more layouts, or you want something specific, you can purchase professionally designed layouts in the Divi Cake shop.
Why Use Divi?
Divi is a powerful WordPress theme and lots of customization features, but it’s also easy to use. Divi works well for beginners and advanced users. It’s easy to learn, websites can be built quickly, and you can expand it with plugins and code. Designs can be improved by performing a split test.
Divi is a great choice even if you don’t know anything about web design. Layouts can be designed visually, so you see exactly how the site looks to your visitors. You don’t have to design and build the website yourself. You can use premade layouts or child themes and simply add your content.
Beginners can learn to make small adjustments using Divi’s intuitive controls. Advanced users can customize Divi even further by integrating code such as HTML (Hyper Text Markup Language) JS (JavaScript), and CSS (Cascading Style Sheets).
Divi has an amazing community. There are lots of tutorials, blogs, videos, courses, and products to choose from. There are also lots of Facebook groups to join where users share their knowledge and help each other.
Conclusion
Divi is our favorite WordPress theme. It’s a great choice for website owners, freelancers, and agencies. Divi works great for any type of website including blogs, schools, online stores, and more. This article only scratches the surface of what Divi can do.
If you’re a beginner and you’re finding it difficult to get started, hang in there. It does get easier. And, this is the first in a series about getting started with Divi. We’ll cover practically everything you need to know about Divi with the goal of making it as easy to understand as possible.
For part 2 of this series, see Getting Started with Divi: Purchase, Installation, and Setup.
If there’s something specific you want to know about Divi, let us know and we’ll look into covering it.
We want to hear from you. Are you a beginner using Divi? Let us know what you think about it in the comments.
0 Comments