How you can Use Other Headers for Other Templates with Divi

by | Oct 24, 2021 | Etcetera | 0 comments

The Divi Theme Builder’s maximum tough selling stage is that you just’ll completely customize your internet website in as regards to any means that you can imagine. You’ll set global designs, use particular layouts and templates for explicit publish varieties, and explicit regulations for problems similar to using different headers on different pages and posts. And that’s what we’re going to walk you by means of in recent times. With just a few clicks, you’ll produce other templates in your internet website appearing different headers. Let’s go ahead and get into it!

How you’ll be able to Use Different Headers with Different Templates

To start out out, you will need to be throughout the Divi Theme Builder space of your WordPress admin dashboard. Whilst you’re no longer familiar with it or new to Divi, you’ll to find it beneath Divi – Theme Builder throughout the left-hand menu, with regards to the bottom of the dashboard.

theme builder location

Create A few Templates

The only exact requirement for this tutorial is that you just’ve multiple templates assigned to different posts and pages using requirements throughout the theme builder. It doesn’t matter whether or not or now not you employ a Global Header or no longer, even supposing. You merely need to produce other templates created. To do so, you’ll click on at the Add New Template button and make a selection what particular posts or pages will use it. The theme builder allows you to create a template for as little as a single blog publish, an entire elegance, or the remaining in between.

Merely repeat this process for as many templates as you wish to have to use different headers.

create templates

Create Header Layouts

Inside each and every theme builder template, you’ll create a custom designed Header, Footer, and Body. Each of the ones will also be unique to the template or part of the global design of the internet website. Get began by the use of clicking the Add Custom designed Header button, and then selecting each Use Global Header, Assemble Custom designed Header, or Add From Library. When you’ve got present layouts imported or created, you may additionally replica one of those.

See also  Easy methods to Customise WooCommerce Login Web page (3 Strategies)

header creation

Assign the Header

Regardless of which means you choose to create your headers, you need to ensure they’re assigned to pages. Doing so is truly simple. Simply hover over any template and click on at the Apparatus Icon. Otherwise you’ll right-click the template and make a selection Arrange Template Assignments.

assign templates

Now,  you’ll see those assignments at the bottom of the template. You’ll have a single internet web page on there, a particular blog publish or selection of posts, or even whole archives. It doesn’t matter. All of them will show up with the Header, Footer, and Body you’ve assigned.

When this is performed, you’ll use a definite header on different templates multiple ways. Let’s take a look at them.

1. Disable the Global Header

One of the simplest ways to make a template use a definite header is to take the Global Header and then disable the global trait. Doing so will provide you with the ground design of the Global Header, alternatively you’ll then be able to edit it for the proper process, somewhat than affecting all of the internet website.

Merely right-click the header layout you wish to have to be different, and then make a selection Disable Global from the context menu.

disable global header on different templates

Doing so will trade the green box to a black one that says Custom designed Header that you just’ll edit as you realize fit.

different headers

2. Create new Headers

The second means to use different headers is to create and design multiple headers using the Divi builder. To create a header, follow the steps we show above of clicking Create New Template then make a selection Assemble Custom designed Header.

See also  Analysis: The Reality In the back of Make Cash On-line Movies on YouTube and TikTok (We Analyzed 344 Movies)

You’re going to then be able to enter the Divi Builder and design the header as you most likely can the rest with Divi. Add the sections, rows, modules, and lots of others. that you wish to have.

different header using divi builder

Do this for each and every different template you wish to have to use different headers. By the use of assigning particular pages and posts to the templates, you may well be telling Divi to use that template instead of the Global Internet web page Template. Inside the Divi Theme Builder, particular assignments trump global ones.

Inside the image underneath, each and every of the templates with Custom designed Header produce other headers, despite the fact that there’s a Global Header set throughout the Default Internet web page Template.

different headers

This means that that any pages or posts that don’t fall into the criteria specified will use the Global Header, differently the opposite custom designed headers that you just’ve designed will observe.

3. Import Different Headers

You may additionally import multiple header data that you simply’ve were given elsewhere. We publish many new header and footer designs on the blog that have compatibility our layout packs. Click on at the double-arrow icon to use the Divi Theme Builder’s Portability possible choices to import the JSON data that we provide (or that you just’ll have exported as backups or were given elsewhere).

portability options for different headers

You’re going to then to find the JSON file in your local device that corresponds with the header you wish to have so as to add. Understand that you wish to have all of the checkboxes unmarked. In case you don’t, all your internet website’s design may be overwritten.

See also  18 Core Corporate Values That Will Form Your Tradition & Encourage Your Staff

different headers

When the import finishes, you’ll have to see a brand spanking new, unassigned (pink text) template with the new design. You’ll then maintain this template as you most likely did previous to, assigning any content material subject material that you wish to have to have a definite header.

different headers for theme builder

You’ll moreover keep the newly imported header as a base template to use later without assigning it any place. Whilst you click on on Add New Template, an possible choices must appear to Replica From Template. You’ll make a selection the newly imported header for a definite template that means, as neatly.

Wrapping Up

With the Divi Theme Builder, you’ll use different headers with different templates in numerous ways. Most likely you need one of those headers to easily be moderately different from the total global template. Or most likely you need different headers for quite a lot of pages, different posts, and rather a large number of archives spherical your internet website. Regardless, you’ll customize as regards to every nook and cranny of your internet website using the Divi Theme Builder, striking as many different headers in your internet website as chances are you’ll need to ever want.

What collection of different headers do you employ in your internet website?

Article featured image by the use of Duet PandG /

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

WordPress Web Design

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more


Submit a Comment

Your email address will not be published. Required fields are marked *