The Divi Theme Builder’s strongest promoting level is that you could totally customise your web site in nearly any approach imaginable. You may set international designs, use particular layouts and templates for specific put up sorts, and particular guidelines for issues equivalent to utilizing totally different headers on totally different pages and posts. And that’s what we’re going to stroll you thru at the moment. With just some clicks, you’ll be able to have totally different templates in your web site displaying totally different headers. Let’s go forward and get into it!
Methods to Use Completely different Headers with Completely different Templates
To start, you have to to be within the Divi Theme Builder space of your WordPress admin dashboard. In the event you’re not accustomed to it or new to Divi, you could find it below Divi – Theme Builder within the left-hand menu, close to the underside of the dashboard.
Create A number of Templates
The one actual requirement for this tutorial is that you’ve got a number of templates assigned to totally different posts and pages utilizing standards within the theme builder. It doesn’t matter whether or not you employ a International Header or not, although. You simply have to have totally different templates created. To take action, you’ll click on the Add New Template button and choose what particular posts or pages will use it. The theme builder lets you create a template for as little as a single weblog put up, an entire class, or something in between.
Simply repeat this course of for as many templates as you wish to use totally different headers.
Create Header Layouts
Inside every theme builder template, you’ll be able to create a customized Header, Footer, and Physique. Every of those could be distinctive to the template or a part of the worldwide design of the web site. Begin by clicking the Add Customized Header button, after which deciding on both Use International Header, Construct Customized Header, or Add From Library. You probably have current layouts imported or created, you may additionally copy a type of.
Assign the Header
No matter which approach you select to create your headers, you’ll want to be certain that they’re assigned to pages. Doing so could be very straightforward. Merely hover over any template and click on the Gear Icon. Or you’ll be able to right-click the template and choose Handle Template Assignments.
Now, you will notice these assignments on the backside of the template. You will have a single web page on there, a specific weblog put up or collection of posts, and even full archives. It doesn’t matter. All of them will present up with the Header, Footer, and Physique you’ve assigned.
When that is executed, you should use a unique header on totally different templates a number of methods. Let’s check out them.
1. Disable the International Header
The simplest method to make a template use a unique header is to take the International Header after which disable the worldwide trait. Doing so provides you with the bottom design of the International Header, however you’ll then be capable of edit it for the particular task, fairly than affecting the entire web site.
Simply right-click the header format you wish to be totally different, after which choose Disable International from the context menu.
Doing so will change the inexperienced field to a black one that claims Customized Header that you could edit as you see match.
2. Create new Headers
The second approach to make use of totally different headers is to create and design a number of headers utilizing the Divi builder. To create a header, comply with the steps we present above of clicking Create New Template then choose Construct Customized Header.
You’ll then be capable of enter the Divi Builder and design the header as you’d anything with Divi. Add the sections, rows, modules, and many others. that you really want.
Do that for every totally different template you wish to use totally different headers. By assigning particular pages and posts to the templates, you’re telling Divi to make use of that template as a substitute of the International Web site Template. Within the Divi Theme Builder, particular assignments trump international ones.
Within the picture beneath, every of the templates with Customized Header have totally different headers, despite the fact that there’s a International Header set within the Default Web site Template.
Because of this any pages or posts that don’t fall into the standards specified will use the International Header, in any other case the totally different customized headers that you’ve got designed will apply.
3. Import Completely different Headers
You may also import a number of header information that you simply’ve acquired elsewhere. We put up many new header and footer designs on the weblog that match our format packs. Click on the double-arrow icon to make use of the Divi Theme Builder’s Portability choices to import the JSON information that we offer (or that you simply may need exported as backups or acquired some other place).
You’ll then discover the JSON file in your native machine that corresponds with the header you wish to add. Word that you really want all the checkboxes unmarked. If you don’t, your total web site’s design could also be overwritten.
When the import finishes, you must see a brand new, unassigned (pink textual content) template with the brand new design. You may then deal with this template as you probably did earlier than, assigning any content material that you simply wish to have a unique header.
You may as well hold the newly imported header as a base template to make use of later with out assigning it wherever. While you click on Add New Template, an choices ought to seem to Copy From Template. You may choose the newly imported header for a unique template that approach, as effectively.
Wrapping Up
With the Divi Theme Builder, you should use totally different headers with totally different templates in a variety of methods. Possibly you want a type of headers to simply be barely totally different from the general international template. Or maybe you want totally different headers for various pages, totally different posts, and numerous archives round your web site. Regardless, you’ll be able to customise nearly each nook and cranny of your web site utilizing the Divi Theme Builder, placing as many various headers in your web site as you could possibly ever need.
What number of totally different headers do you employ in your web site?
Article featured picture by Duet PandG / shutterstock.com
The put up Methods to Use Completely different Headers for Completely different Templates with Divi appeared first on Elegant Themes Weblog.