Divi 3.0 introduces a new editing experience

Wdd Logo.
September 07, 2016
Divi 3.0 introduces a new editing experience.
Elegant Themes released Divi 3.0 today. It’s the largest update of their flagship WordPress theme until now.

Divi 3.0 introduces a new way for site owners to create WordPress pages visually on the front-end of their website. The new visual builder looks exciting in their presentation video.

Divi 3.0’s brand new UI

With the latest version, Elegant Themes aims to create an invisible interface. The goal was to make the UI to not interfere with your design process. In Divi 3.0 all the previous highlights, outlines, and edit buttons are organized in a simple, efficient, editing process. Adding Content

When you load the visual editor you’ll see your page exactly as it appears live. It’s like editing the actual page, with no awkward dashboard between you and the design. For example, you can click on some text, highlight a passage, and edit it right there on the page, without having to open up a separate editing panel.

Like the previous versions of Divi, all the page elements are represented by blocks. You can click on any of the rows or modules to edit them right there in the preview. Divi 3.0 still uses the process that existing users will recognize. It just makes the experience more intuitive. Responsive Editing

Built from scratch with React

Divi 3.0 introduces an entirely new and up-to-date visual editing experience. The team at Elegant Themes has rebuilt it from the ground up, using Facebook’s popular React, and Flux JavaScript libraries.

This change in approach allows editing to take place on the page, and so Ajax calls have been eliminated from the backend. With the speed of React’s DOM updates, changes to your content are almost instantaneous; and you can drag, drop, resize, copy, and paste elements easily. Divi’s pre-existing 40+ modules for adding content to your site have all been rebuilt and can be edited with this new frontend. Inline Editor

Lightning fast WordPress editing

Lightning fast, the new Divi building experience is probably slicker and more streamlined than any web builder you’ve tried to date. Editing a module and seeing the results immediately on the page is a huge boon to designers used to working in dedicated graphics applications. Adjustable Widths

Divi 3.0

Launching today, Divi 3.0 is a must-have upgrade for Divi users. Inspired by WordPress’ own move to JavaScript with last year’s Calypso release, Divi 3.0 hopes to become the next wave of WordPress Themes. To try out Divi 3.0 for yourself. The Elegant Themes membership will get you full access to Divi 3.0 and al l of Elegant Themes’ theme collection!

WDD Staff

WDD staff are proud to be able to bring you this daily blog about web design and development. If there's something you think we should be talking about let us know @DesignerDepot.

Read Next

15 Best New Fonts, July 2024

Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…

20 Best New Websites, July 2024

Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…

Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance

WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…

Exciting New Tools for Designers, July 2024

Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…

3 Essential Design Trends, July 2024

Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…

15 Best New Fonts, June 2024

Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…

20 Best New Websites, June 2024

Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…

Exciting New Tools for Designers, June 2024

In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…

3 Essential Design Trends, June 2024

Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

How to Reduce The Carbon Footprint of Your Website

On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…