Divi WordPress Theme 3.0 Is Here!
I’m sure by now you’ve heard about the latest update to the Divi WordPress theme
. 3.0 is here, and I’ve had a chance to put it through its paces. I use Divi as my framework of choice on a lot of different client sites. I also use a mix of select third party plugins to take Divi and push it to the next level. I thought it would be a great time to review the newest update to the Divi WordPress theme.
Updating to Divi 3.0
Okay, so my 1st
thought, as with any major update to a WordPress theme, is that when I update, past features will be broken. I was completely delighted to find out that this was totally untrue! I updated my own local web design business website to 3.0 first. I put a lot of trust in Elegant Themes and their developers, and it paid off. Using G Squared Studios as a guinea pig, I tested it out. The site worked as is, with no noticeable differences.
On To The Builder
The modular builder on the back end is the same. However, the new gem in the Divi WordPress theme
is called the Visual Builder. The way it works is that you find the page on the back end, and when you click on the Visual Builder button, it reloads the page from the front end. From here, you can start from scratch and start building the page, or you can edit the existing layout. I was able to tweak my website’s design easily, removing extra space and modifying text with a click of a button.
Caching is the only thing I have ran into that causes a problem. If you’re using a plugin, like WP Rocket, W3 Total Cache, Super Cache, or your hosting has a varnish cache, like Bluehost does (to make your site faster), you’ll want to temporarily disable those to avoid conflicts and error messages.
For example, I kept getting a translucent white loading screen, but when I disabled my caching plugin, that resolved the issue. Once you’re finished with any major edits, you can reinstate your caching plugin like before.
Back to the features!
So, the new front end builder makes it easy to make new sections, load items from the Divi library, save sections to the Divi library for use later, and customize every aspect of your site. You can:
- Add sections and rows of content.
- You can add columns to existing sections.
- You can edit text live, including customizing certain words.
- You can add space around elements.
- You can take space away from areas.
- You can adjust text size, color and styling.
- You can access module options from the front end!
- You can access and modify advanced module options and custom CSS from the front.
Crafting Responsive Websites
The one thing I like about the visual builder is the ability to craft spacing and text size, based on the device. It’s broken down to desktop, tablet, and mobile. You can click on the options and edit things like spacing and font size for each one. You can do this visually from the front end, so there’s no more checking your device and then going back and tweaking, and then checking your device again. The Divi WordPress Theme has come a long way in cutting out the back and forth that I go through a lot.