How to Use Different Headers for Different Templates with Divi

by | Oct 24, 2021 | Etcetera | 0 comments

The Divi Theme Builder’s most powerful promoting level is that you’ll absolutely customise your website in on the subject of any manner that you can think of. You’ll set world designs, use explicit layouts and templates for specific submit varieties, and particular regulations for issues similar to the use of other headers on other pages and posts. And that’s what we’re going to stroll you via nowadays. With only a few clicks, you’ll have other templates for your website showing other headers. Let’s pass forward and get into it!

Easy methods to Use Other Headers with Other Templates

To start out, it is very important be within the Divi Theme Builder house of your WordPress admin dashboard. Should you’re now not acquainted with it or new to Divi, you’ll to find it beneath Divi – Theme Builder within the left-hand menu, close to the ground of the dashboard.

theme builder location

Create A couple of Templates

The one actual requirement for this instructional is that you’ve more than one templates assigned to other posts and pages the use of standards within the theme builder. It doesn’t topic whether or not you utilize a International Header or now not, although. You simply wish to have other templates created. To take action, you’re going to click on the Upload New Template button and make a choice what explicit posts or pages will use it. The theme builder means that you can create a template for as low as a unmarried weblog submit, a complete class, or anything else in between.

Simply repeat this procedure for as many templates as you wish to have to make use of other headers.

create templates

Create Header Layouts

Inside of each and every theme builder template, you’ll create a customized Header, Footer, and Frame. Each and every of those will also be distinctive to the template or a part of the worldwide design of the web page. Get started via clicking the Upload Customized Header button, after which settling on both Use International Header, Construct Customized Header, or Upload From Library. If in case you have present layouts imported or created, you might also reproduction a kind of.

See also  How to Add Privacy & Terms Links to Your Divi Footer

header creation

Assign the Header

Irrespective of which manner you select to create your headers, you wish to have to ensure they’re assigned to pages. Doing so is really easy. Merely hover over any template and click on the Equipment Icon. Or you’ll right-click the template and make a choice Arrange Template Assignments.

assign templates

Now,  you’re going to see the ones assignments on the backside of the template. You might have a unmarried web page on there, a selected weblog submit or collection of posts, and even complete archives. It doesn’t topic. They all will display up with the Header, Footer, and Frame you’ve assigned.

When that is executed, you’ll use a special header on other templates more than one techniques. Let’s check out them.

1. Disable the International Header

The best way to make a template use a special 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’re going to then have the ability to edit it for the particular project, quite than affecting the entire website.

Simply right-click the header format you wish to have to be other, after which make a choice Disable International from the context menu.

disable global header on different templates

Doing so will alternate the fairway field to a black one that claims Customized Header that you’ll edit as you spot have compatibility.

different headers

2. Create new Headers

The second one manner to make use of other headers is to create and design more than one headers the use of the Divi builder. To create a header, observe the stairs we display above of clicking Create New Template then make a choice Construct Customized Header.

See also  How to Use the Filter Products by Price WooCommerce Block

You are going to then have the ability to input the Divi Builder and design the header as you may anything with Divi. Upload the sections, rows, modules, and so forth. that you wish to have.

different header using divi builder

Do that for each and every other template you wish to have to make use of other headers. Via assigning explicit pages and posts to the templates, you might be telling Divi to make use of that template as a substitute of the International Web site Template. Within the Divi Theme Builder, explicit assignments trump world ones.

Within the symbol underneath, each and every of the templates with Customized Header have other headers, even supposing there’s a International Header set within the Default Web site Template.

different headers

Because of this any pages or posts that don’t fall into the factors specified will use the International Header, differently the other customized headers that you’ve designed will observe.

3. Import Other Headers

You may additionally import more than one header recordsdata that you simply’ve received in other places. We submit many new header and footer designs at the blog that fit our layout packs. Click on the double-arrow icon to make use of the Divi Theme Builder’s Portability choices to import the JSON recordsdata that we offer (or that you will have exported as backups or received elsewhere).

portability options for different headers

You are going to then to find the JSON document for your native gadget that corresponds with the header you wish to have to add. Be aware that you wish to have all the checkboxes unmarked. If you don’t, all your web page’s design could also be overwritten.

See also  Switching Your Brand on a Sticky Header in Divi

different headers

When the import finishes, you must see a brand new, unassigned (crimson textual content) template with the brand new design. You’ll then deal with this template as you probably did sooner than, assigning any content material that you wish to have to have a special header.

different headers for theme builder

You’ll additionally stay the newly imported header as a base template to make use of later with out assigning it anyplace. While you click on Upload New Template, an choices must seem to Replica From Template. You’ll make a choice the newly imported header for a special template that manner, as smartly.

Wrapping Up

With the Divi Theme Builder, you’ll use other headers with other templates in quite a few techniques. Perhaps you wish to have a kind of headers to simply be fairly other from the total world template. Or possibly you wish to have other headers for various pages, other posts, and more than a few archives round your website. Regardless, you’ll customise on the subject of each and every corner and cranny of your web page the use of the Divi Theme Builder, striking as many various headers for your website as you should ever need.

What number of other headers do you utilize for your web page?

Article featured symbol via Duet PandG /

The submit How to Use Different Headers for Different Templates with Divi gave the impression first on Elegant Themes Blog.


Submit a Comment