Toolset plugins and Divi Theme work nicely together. In this tutorial, you’ll see how to configure Divi to use it conveniently with Toolset.
What you need to install
The initial setup includes:
- The Divi theme
- Toolset Types
- Toolset Layouts
- Toolset Views
- Additional Toolset plugins according to the needs of your project.
What we want to get from Divi and what we want to get from Toolset
Fast and intuitive, Divi is a powerful theme including the visual drag & drop page builder. You will want to use Divi for all the options found in the Theme Customizer:
- The look and feel: real-time design, custom fonts, colors, and sizing.
- Header settings: the structure, the format and the style of the header
- Header elements: the social icons, the email, the phone number and the search
- Navigation Options: Primary and Secondary Menu Bar
- Footer Options
Toolset is only covering the content area of the page.
Setting up the page with Divi Settings
By default, Divi displays the header, the menu and the footer, as shown in the example below:
You are ready to start designing the content with Toolset. Note that the title of the page automatically vanishes once you start creating something.
Designing the interior with Toolset
Now that we have setup the header and the footer, we are ready to create a part of the content with Toolset. You can display your custom types and fields, create custom searches, create forms for front-end content submission and much more.
You can learn more if you follow the getting started guide.
Designing the interior with Toolset and Divi
If you design the content using Toolset, you cannot use the Divi Builder ‘around’ this content. If you enable Divi Builder, you will lose what you just built with Toolset.
To insert Custom Fields, Views or a CRED form in the part of your page using the Divi Builder, open a Divi Text Module (accessible from the backend Divi Builder only):