What exactly is Divi for WordPress? #
The Divi theme, developed by Elegant Themes, is a popular WordPress theme renowned for its flexibility, customizability, and ease of use. Divi features a drag-and-drop visual builder, allowing users to design and customize layouts without requiring extensive coding knowledge. The theme includes 40+ modules, 100+ pre-made layouts, and extensive customization options for colors, fonts, and spacing. Divi is fully responsive, SEO-optimized, and compatible with popular WordPress plugins. Its modular architecture and frequent updates make it a versatile and reliable choice for various website types, including blogs, businesses, portfolios, and e-commerce sites.
Introduction to the Divi Editor #
Getting Started
To edit a website in Divi, start by opening the page you want to edit. Make sure you’re logged in to your WordPress site. If you need help logging in, refer to our separate login tutorial.
Enabling the Visual Builder
Click “Enable Visual Builder” on the page you want to edit. This will reopen the page in Divi’s editing environment.
Understanding Divi’s Editing Environment
Divi’s editing environment is a what-you-see-is-what-you-get (WYSIWYG) interface. As you move your mouse over different parts of the screen, control boxes will appear with various icons.
Divi Structure
Divi’s structure consists of:
– Sections (blue): Containers that hold rows and modules.
– Rows (green): Hold modules and can be customized.
– Modules (gray): Individual elements that can be edited.
Editing Elements
To edit an element:
1. Select the gear icon on the control box.
2. Adjust settings in the palette.
3. Changes appear live in real-time.
4. Click the green checkmark to save or the X to discard.
Row and Module Editing
– Edit row settings by clicking the gear icon.
– Change column layouts by clicking the column icon.
– Edit module contents by clicking the gear icon or directly editing the text.
Quick Tips
– Blue = Section, Green = Row, Gray = Module.
– Edit text directly by clicking into it.
– Changes are saved automatically.
By following these steps, you’ll be able to easily edit your website in Divi.
