On September 7th, 2016, Divi 3.0, as a new way to build WordPress websites, was released.
Divi 3.0 not only brings WYSIWYG-style editing to WordPress but it also makes building WordPress websites way easier. Doesn’t matter if you’re a WordPress developer or a complete newbie, you should definitely consider Divi 3.0.
Everything new with Divi 3.0
The people of Elegant Themes are known for their beautifully crafted WordPress themes and plugins. But with Divi 3.0 they exceeded all expectations on WordPress plugins and themes.
Divi 3.0 is more than just a WordPress theme. It’s a visual builder for creating new WordPress websites.
I know that Divi or any other WordPress template is not replacing a web designer’s work. Actually, I even believe that such templates will help web designers build even better websites.
And that’s why we decided to take a closer look at Divi 3.0 and see what it actually can do.
WYSIWYG vs visual building
The concept of building a website with a so-called What-you-see-is-what-you-get Editors (WYSIWYG) is nothing new. It’s been around since the early days of the internet. It never really went mainstream as there was always some limitations (especially for professional use).
Divi 3.0 goes in the similar direction. It doesn’t call itself WYSIWYG and prefers to be called a “visual page builder”, however the concept remains the same:
The great thing about Divi 3.0 can be found in its various content elements. Whether you would like to set up a blog or a pricing page, the Divi 3.0 theme contains various options for a lot of use cases.
How to set up Divi 3.0
So, let’s take a closer look. In order to get started with Divi 3.0, you need two things:
- The Divi builder plugin
- The Divi theme (or any other theme that is supported by the Divi builder)
The Divi theme can be installed like any other WordPress theme. I assume you’ve setup your WordPress site and are quite familiar with the WordPress basics.
The Divi builder
After installing the Divi builder, a number of new menu items will be added to your WordPress dashboard and sidebar.
The Divi builder offers you two options when creating new pages. The so-called “back-end builder” and the “front-end visual builder”. The only difference is the interface. The visual builder is the core of the new Divi 3.0 which allows you to build your pages on the front-end of your website!
As you get started, you might wonder about at the various elements offered by the Divi builder.
The Divi builder uses three different building elements to help you build your website. These are the following:
When working with the visual builder, you’ll quickly understand the concept of these elements. In the first place, you’ll need to create a new section. Afterward you’ll decide on the number of rows, and the type of modules you’d like to place in each of these rows.
If you want to learn more on how to get started with the Divi builder, I recommend you check out this video.
Divi 3.0 is great for most WordPress sites
Divi 3.0 is great as it enables people who already use WordPress to build faster and better WordPress pages. At least that’s true for the average user.
The reason why Divi 3.0 is great can be summarized by the following factors.
Similar to other WordPress themes, Divi fully supports responsive layouts. Each module is designed and tested for mobile devices. And with the easy-to-use builder you can switch between different responsive views in real-time.
Easy setup & customization
The Divi builder allows you to easily setup a new WordPress site. I guess it can be said that no development skills are needed in order to have a good looking, modern website up and running in basically no time.
Any content element can be customized in real-time via the visual builder. You can customize fonts, text, column structure, background, and many more things.
Comprehensive elements & features
One of the reasons why people use Divi is because of its many features. The Divi builder offers you various content elements in a fast and easy way. And compared to most visual editors out there, it’s fast and slick.
Fast front-end editing
Divi 3.0 feels a lot faster than most WYSIWYG editors. The reason for that can be found in the technology behind Divi. Divi 3.0 is built with React and Flux.
Drawbacks and limitations when using Divi 3.0
In our first tests, the Divi builder in combination with the Divi seems pretty promising.
There’s been might be a couple of limitations you’ll face.
Not fully customizable
If you’re a web designer who wants to fully customize every single element and its behaviour, you might be better of developing your own template, since you’d end up figuring out how to modify and fully customize certain modules and elements inside the Divi theme.
At its current state, the Divi builder is not supported by many other templates. In fact, the Divi template is the only theme that fully supports the new Divi builder right now.
The great thing though, is that Divi comes with over 20 pre-made layouts right out of the box. These layouts can already be used to jump-start any new web page.
What about performance?
When using existing WordPress templates, you might run into the question of how much that template is optimized for performance. Divi from Elegant Themes has a good reputation for fast websites. However, you should consider two things:
- There seems to be a known issue with caching plugins. According to other Divi reviews, there are conflicts popping up in combination with W3 Total Cache or Super Cache.
- If speed and SEO is your highest priority, you’re probably better off using a WordPress template which is 100% designed for speed.
Overall, it is fair to say that Divi 3.0 is one of the most promising attempts to bring front-end editing back to WordPress. And it is definitely the fastest visual editor I’ve seen so far.
As we continue using Divi 3.0, we’ll probably end up running into further limitations. Up till now, it’s hard to identify drawbacks and limitations, because it is just a sophisticated, beautifully-designed product.
How to speed up your WordPress site in 2 hours.
When developing a new website, chances are high that you end up using WordPress. And that’s a great thing. About 50% of all website are built with WordPress. And when using WordPress you’re on a good way when it comes to your website speed. However, there might be some problems, caused by your WordPress template…
15+ unknown & free WordPress plugins for developers!
WordPress is the leading content management system out there in basically any industry. Emerged as a basic CMS for blogging, it evolved to a powerful publishing tool for any kind of website or web app. Whether you’re working on company websites, online shops, or social communities. Everything’s possible with WordPress. There are many great and…
Containerize your web development: How Docker is solving real world problems for web developers!
Working in web development? Well, then you’ve probably heard about Docker and its recent developments before. Many people call it hotter than hot. Docker containers can be a true productivity booster for your next web apps. As a web developer, it’s not that easy to understand the essence of it. This is why I’d like…
Hands-on experience with Hugo as a static site generator
A while ago – in April 2015 – we launched bugtrackers.io as a small side project. Since then, the site has grown from a three-pager to a website with dozens of interviews. The increasing number of pages & therefore line of code made us look for ways to improve our internal workflow. We also ended…
Launching bugtrackers.io – Here’s what we’ve learned.
Maybe you’ve heard the news. We at Usersnap launched a little side project, called bugtrackers.io. Displaying stories of digital crafters and showing real people behind pixels, bytes and bug reports. That’s the vision for bugtrackers.io. Starting with three interviews bugtrackers.io went live on April 16th. Following some great feedback on our social media channels as…
How to set up a blog without WordPress
WordPress is a great tool. In fact, about 50% of all websites out there use WordPress. So, it’s no wonder that when you’re thinking of starting a blog for your company or simply develop a new website, WordPress is one of the first things that comes to mind. But it isn’t all sunshine and rainbows…
Streamline your client approval process
Let clients draw directly in the browser.
Fix bugs in minutes with screenshot & metadata.
Trusted by 1000+ customers worldwide.