From the BlogSubscribe Now

Divi by Elegant Themes: the ultimate drag and drop WordPress theme

divi drag and drop theme by elegant themes

Elegant Themes has a reputation for producing WordPress themes that are modern, elegant and absolutely stunning and, with their latest theme Divi, they’ve taken that a stage further.

Divi is a multipurpose theme with a drag and drop user interface that is as flexible as it is intuitive and allows you build and customise pages… without any coding skills.

To get a feel for the power of Divi take a look at this short video by Nick Roach, the man behind Elegant Themes:



Introducing Divi – Say hello to the smartest and most flexible theme in our collection. Divi is the most powerful theme we have ever built, and quite possibly the only theme you will ever need.
Elegant Themes

The power behind Divi: the Divi Builder

The driving force behind Divi is the Divi drag and drop page builder, which allows you to build just about any page layout you can imagine.
The three building blocks of the builder are: Sections, Rows, and Modules and here’s a short description of each:

Sections are used to create the top-level areas in your website and have a blue tag on the side.

Rows have a green side tag and sit inside of Sections. You can place any number of Rows in a Section and there are many different Row types to choose from.

Modules are the visual elements that make up your website. Every Module that Divi has can fit into any column width and they are all fully responsive.

This video explains how the various building blocks are used:



The Divi Builder – The Divi Builder allows you to create beautiful and unique layouts visually, without touching a single line of code. The builder gives anyone the ability to create truly dynamic websites with ease.
Elegant Themes

Build sites quickly with Divi pre-made layouts

Divi comes with a variety of pre-made layouts, which have pre-placed modules with dummy content already loaded.
You can use Divi’s pre-made layouts to get started and replace the existing elements, such as images and text, with your own content.

This video shows you the full process:



Pre-made Layouts – Divi includes 18 pre-made layouts that allow you to quickly jumpstart your development. These are completely customisable and can be used as a great starting point for creating your own designs.
Elegant Themes

Saving and loading Custom Layouts

A great feature of Divi is its ability to save your layouts as templates for future use.
When the saved layout is loaded on a blank page, all of the Sections, Rows and Modules that you’ve created will appear.

This video runs you through the process:



Save & Load Layouts – Save your favourite layouts for future use throughout your website. You can also export your saved layouts and import them to different WordPress installs.
Elegant Themes

Add a blog, contact form, slider and much more to your site with Divi Modules

There are lots of elements that you’ll want to add to your website such as a blog, contact form, slider etc. That’s where the Divi Modules come in. With Divi Modules you can add just about anything to your blog.

Divi Modules include:

Structural Elements
Columns, Sections, Sidebar, Text, Divider

Content Elements
Blog, Portfolio, Ecommerce, Newsletter Signup, Contact Form

Inline Elements
Counters, Blurbs, Image, Call To Action, Testimonials

Organizational Elements
Toggles, Tabs, Slider, Pricing Tables, Fullwidth Header

This video shows you how to use the Blog Module to create a standard blog layout.



Divi Modules – Choose from Divi’s large collection of modules to create your webpage. These are the ‘building blocks’ of Divi, and they can be used in any combination to create a wide array of unique and beautiful layouts.
Elegant Themes

Head over to Elegant Themes and pick up your copy of Divi

The Divi theme has been a long time in the making. It was first mentioned on the Elegant Themes blog on 24th July 2013 and the wait… has been well worth it.

Divi is much more than a WordPress theme, it’s a complete drag and drop theme builder complete with ready-made templates and comprehensive documentation and videos to get you off to a flying start.

To find out details of pricing etc. head over to Elegant Themes, put the Divi theme through its paces, see its features in action and check out the awesome documentation and videos.

Responsive Design – Divi is wonderfully responsive no matter how you choose to configure your website. Each and every building block will conform to your visitor’s screen, creating the most intuitive browsing experience.
Elegant Themes

If you enjoyed the post and found it helpful I’d love to hear from you in the comments and if you’d like to spread the word about the Divi theme please use the social media buttons beneath this post.