Divi
Table of Contents
Divi Theme & Page Builder
We used Divi to develop The Woodworking Shows' website. Divi is a Wordpress theme that creates a visual editing experience. The video below is a custom recorded video giving you a tour of your new website! The rest of this page contains Divi tutorials recorded from the theme developers. Video tutorials are directly embedded into this page and we have inserted links to further documentation on each topic.
The Divi Library
The Divi Library is your ultimate web design toolkit. Here you can store your favorite layouts, sections, rows or modules for later use. Whenever you save an item to your Divi Library, you can access it easily from within the module window when adding a new layout, module, section or row to the page.
https://www.elegantthemes.com/documentation/divi/divi-library/
Divi Theme & Module Customizer
The Theme & Module customizers give you control over just about every single element on your page. Want to adjust the size or spacing of text or an element of your website at the click of a button? The Customizer is where you want to start!
https://www.elegantthemes.com/documentation/divi/customizer/
Using The Divi Theme Options
Divi comes fully loaded with its own custom theme options. This is where you can control things like your logo, navigation settings, and so much more. These options can be accessed in the WordPress Dashboard.
https://www.elegantthemes.com/documentation/divi/theme-options/
Divi Global Presets
Global presets is a powerful evolution of global defaults, taking Divi’s global settings and styles to a whole new level. Instead of allowing one global default for an element, Global Presets allows multiple defaults called “presets” to be used for any element in Divi.
https://www.elegantthemes.com/documentation/divi/divi-global-presets/
Using The Divi Theme Options
Divi comes fully loaded with its own custom theme options. This is where you can control things like your logo, navigation settings, and so much more. These options can be accessed in the WordPress Dashboard.
https://www.elegantthemes.com/documentation/divi/theme-options/
The Divi Theme Builder
The Divi Theme Builder is an interface within Divi that allows you to use the Divi Builder to construct theme templates and assign those custom templates to pages or posts across your theme (including custom post types like Divi Projects and WooCommerce Products and Pages).
https://www.elegantthemes.com/documentation/divi/the-divi-theme-builder/
Divi WooCommerce Modules
Divi’s WooCommerce Modules allow you to edit and style WooCommerce elements using the Divi Builder. This will allow you to utilize the power of Divi to add, remove, and style the WooCommerce Elements that make up a product page layout to create completely custom product pages from scratch.
https://www.elegantthemes.com/documentation/divi/divi-woocommerce-modules/
The Divi Video Module
Adding videos to your page in Divi is simple using the Video module. The module allows you to embed videos from just about any source, as well as customize the thumbnail image and play button to add a clearner style to the embed.
The Divi Toggle Module
Toggles are a great way to consolidate information and improve user experience on your page. Using Divi, you can create any number of toggles that will look great inside any sized column.
The Divi Accordion Module
The Divi Theme Builder is an interface within Divi that allows you to use the Divi Builder to construct theme templates and assign those custom templates to pages or posts across your theme (including custom post types like Divi Projects and WooCommerce Products and Pages).
The Divi Text Module
Text can be added anywhere on your page. Text modules can be placed within any column type, and when combined with other modules, they make for a truly dynamic page. When you add a text module, you are given all of the editing capabilities of a normal WordPress page.
The Divi Slider Module
Sliders can be placed anywhere, spanning the full width of whatever column structure they are in. Divi sliders support parallax backgrounds, as well as video backgrounds!
The Divi Sidebar Module
Divi lets you create an unlimited number of widget ready areas on the fly. Sidebars can then be added to any page, allowing you to create unique sidebars for different section of your website.
https://www.elegantthemes.com/documentation/divi/sidebar-divi/
The Divi Shop Module
How to add, configure and customize the Divi shop module. Divi has been designed to be WooCommerce compatible.
https://www.elegantthemes.com/documentation/divi/ecommerce-divi/
The Divi Search Module
*Turned off until we build out online edu so no sample data shows
Using the search module, you can place a search form anywhere on your site. This search form will allow your visitors to search through all of your website’s content, including all pages and blog posts.
The Divi Pricing Tables Module
It’s easier than ever to create pricing tables for your online products. Create as many tables as you want, and control the pricing and features of each. You can even feature a particular plan to increase conversions.
https://www.elegantthemes.com/documentation/divi/pricing-tables/
The Divi Post Title Module
The Post Title Module displays the title of your current post, and optionally the post Featured Image and meta data in an elegant fashion. This allows you to create more unique looking posts when building your posts using the Divi Builder.
https://www.elegantthemes.com/documentation/divi/post-title/
The Divi Image Module
Divi makes it easy to add images anywhere on the page. All images come with 4 different animation styles that make browsing your website fun and engaging. Image modules can be placed in any column that you create, and their size will be adjusted to fit.
The Divi Gallery Module
Sharing a collection of images is always a great way to visually engage users in your content. The Gallery module lets you create and organize galleries anywhere on your website. The Divi Builder gallery module comes in both grid and slider format and supports large galleries with pagination.
The Divi Fullwidth Slider Module
Divi allows you to place sliders into full width sections, making your sliders span the entire width of the browser. Divi sliders support parallax backgrounds, as well as video backgrounds!
https://www.elegantthemes.com/documentation/divi/slider-fullwidth/
The Divi Contact Form Module
How to add, configure and customize the Divi contact form module. Communication is the cornerstone of any business. With Divi, you can easily add contact forms to any part of your website.
The Divi Code Module
The Code Module is a blank canvas that allows you to add code to your page, such as plugin shortcodes or static HTML. If you would like to use a third party plugin, for example a third party slider plugin, you can simply place the plugin’s shortcode into a standard or fullwidth code module to display the item unimpeded.
The Divi Button Module
How to add, configure and customize the Divi button module.