The Divi theme Builder was introduced in Divi version 4.0 and allows you to build templates and assign them to any pages or post types on your website. This new templating system is extremely powerful but can be a little hard to understand at first.
Elegant Themes have produced official documentation along with a number of additional useful resources on their blog and Youtube channel.
This post will show you 3 resources available to help you to understand how the Theme Builder works and teach you how to use it to create templates for your own website.
1. Theme Builder documentation
The official Theme Builder documentation is the best place to start and is available on the Elegant Themes website and offers a great overview of all the features available in the Theme Builder.
This page also includes a good Youtube introduction video (below) that will give you a good overview of the Theme Builder.
The documentation page also includes information on the following Theme Builder features;
- Customizing Templates with the Divi Theme Builder
- Default Website Template
- Building a Global Header
- Building a Global Body
- Building a Global Footer
- Custom Templates
- Adding a New Template
- Managing Template Assignments
- How to Handle Global Items on New Templates
- Custom Template Settings
- Building a Custom or Global Header from Scratch
- Building a Custom or Global Footer from Scratch
- Saving Changes with the Theme Builder
- Using Dynamic Content within the Theme Builder
- Building a Site-Wide Blog Post Template
- Build a Site-Wide Product Page
- Build a Category Page Template for Blog Posts
- Portability Options for Theme Builder Templates
2. Theme Builder blog post & Youtube tutorials
If you need more guidance than is available in the documentation, there are detailed step-by-step tutorials on the Elegant Themes blog that have accompanying Youtube use-case videos that will walk you through the various Theme Builder processes. These currently include;
- How to Create a Custom Global Header with Divi’s Theme Builder
- How to Design a Blog Post Template with Divi’s Theme Builder (FREE Download)
- How to Create a Category Page Template for your Blog Using the Divi Theme Builder
- How to Create a Site-Wide Woo Product Page Template with Divi’s Theme Builder
The following tutorial posts and Youtube use-case live stream videos are available for specific areas of the Theme Builder;
How to create a global header template
Create a single header template and apply it to every page on your website, or drill-down and display only on selected pages or post-types. The post will show you how to make the header fixed, and you can learn how to make your header sticky here.
How to create a global blog post template
Create a single blog post template and apply it to every post on your website, or drill-down and display only posts in selected post categories or with selected tags.
How to create a global category page template
Create a single post category page template and apply it to every category page on your website, or drill-down and display only on selected category pages.
How to create a global WooCommerce product template
Create a single WooCommerce product template and apply it to every product on your website, or drill-down and display only on selected products in selected product categories or with selected tags.
How to create a global 404 page template
Create a 404 page template and apply it to all 404 pages on your website so users will see it anytime they access a URL that is no longer available.
Blog post – How to Create a 404 Page Template with Divi’s Theme Builder
Youtube Video – not available
How to create a global search results page template
Create a search results template and apply it to all search result pages on your website.
Blog post – How to Create a Search Results Page Template in Divi
Youtube Video – How to Create a Search Results Page Template in Divi
3. Download and learn from Theme Builder template packs
For me, inspecting the pre-made Theme Builder templates was the ah-ha moment when the Theme Builder started to make sense.
By downloading some of these free Theme Builder templates that have been created by Elegant Themes you can quickly see how they have constructed the various page templates and elements within.
Use the templates to see the best ways to use the Divi Woo modules, specific Theme Builder modules, or dynamic content when building your own templates.
There are currently 6 Theme Builder template packs and a number of individual Theme Builder templates available to download from the Elegant Themes blog, so this should be more than enough to help you see how things work.
Still confused about a Theme Builder feature?
It took me a few days to really start to get a feel of how the templating system works with Divi, so if you are still struggling, stick with it.
Just like when the new Divi Builder was introduced, it can take some getting used to, but the effort will be rewarded with a much more powerful set of tools available to create your websites.
You will also find a very helpful Facebook community over in the Divi Theme Users, Divi Theme Examples or any number of Divi Facebook groups where you can post any issues you may be having with the new Theme Builder.
If you still have questions feel free to drop a comment below.