Do you want to display the different headers on each different page of your website? Do you want to add WordPress custom header per page on your site? If yes, you will get the answer of How – here!

One of my clients asked for a different header on each page of their website. Actually, the site exhibits the different content on each page so he wants a WordPress custom header per page. Then, I thought many of WordPress users might want to implement the same thing. So, here at Templatetoaster WordPress website builder, I am writing this article to make you aware of possible ways to implement different header for different pages in WordPress.

 

Methods to Implement Different Header for Different Pages in WordPress

It seems quite a daunting task to have a different WordPress custom header per page of a site. But it’s not. Basically, there are 3 easy methods to have a WordPress custom header per page as follows

 

1. Manual Method to design different Headers for each page in WordPress Website

By default, there is the same header for every WordPress page of the site. But how to call different header in WordPress? For that, create a new header-your page.php file i.e create a header file for the page you want a different header. Suppose you want a different header on about page. Create a header-about.php file and keep it in the Theme folder.

Then, go in page template file say page.php and replace the header code with

<?php
if(is_page(about))
{
get_header('about');
}
else
{
get_header();
}
wp_head();
?>

You can see, is_page is used to check the page id for “about” page. The function get_header is used for calling a new header file. Simply, the above code is informing WordPress that if someone opens the page, which is ‘about’ then WordPress will display a file called header-about.php if it is existing. If not, then WordPress will render the default header file.

This way, you can call different WordPress headers on different pages.

 

2. How to Implement different Headers for each page using TemplateToaster

To apply different headers on different pages of WordPress website, simply you have to design different page templates using the TemplateToaster software. For example, you will have this header at default home page. Only an image is being displayed in the header.

WordPress Custom Header Per Page

In the left panel of interface you will find, page template option.

Just click it.

WordPress Custom Header Per Page

You can design header here. Not only images but you can also add text or videos here in the header. And with headers, you can also add slideshows.

Similarly, you can add more page templates too.

WordPress Custom Header Per Page

Then you export your theme and once applied the theme just go in settings and add a page template to the specific page where you want to apply it.

WordPress Custom Header Per Page

And the front end will look somewhat like this

WordPress Custom Header Per Page

You can also select a Default template for any page as follows

WordPress Custom Header Per Page

The output will be this

WordPress Custom Header Per Page

That is it !!

 

3. WordPress Different Header for each Page Plugin

You can also add WordPress custom header per page through plugins. As plugins are known to add specific functionality, WordPress Offers many such plugins. But here the best two are considered: Unique Headers and WP Display Header. These plugins will make your task of adding different headers a bit easier. It’s easy to install and activate them. It will hardly take two minutes !!

WordPress Custom Header Per Page

The Unique Headers Plugin applies a custom header image box to the post or page edit screen. It facilitates you to upload an image all new on different pages. Just go to edit the page on which you want a new header.

WordPress Custom Header Per Page

Just click the Set Custom Header Image in the bottom right corner of the screen.

WordPress Custom Header Per Page

Now, you can upload a custom image and you are done !!

WordPress Custom Header Per Page

Finally, the header will like this on front-end.

WordPress Custom Header Per Page

WP Display Header is used to set a header image for each post, a page from your default headers and custom headers. It facilitates a meta box in the post or page edit screens with the header selection. If you made no selection for a header for a post it will fall back to the default selection.

Once you installed and activated the plugin, it will display the option to upload a header image as follows

WordPress Custom Header Per Page

By clicking this option, you can add images to the header. You can upload more than one to make a random selection.

WordPress Custom Header Per Page

Now after loading images, you have 3 options. You can select Random to show different randomly auto-selected images on each page.

And other than that either you will select no header or a fixed default image for a header on each page.

If you go for the third option, a fixed header same for each page the output will be like

WordPress Custom Header Per Page

You can also select any other image like this

WordPress Custom Header Per Page

The output will be

WordPress Custom Header Per Page

You can also select “No header image” as follows

WordPress Custom Header Per Page

In that case, the output will be like this

WordPress Custom Header Per Page

If you select Random, you will get a screen as shown below to upload a different image

WordPress Custom Header Per Page

And this is all about how this plugin is going to work for you.

 

Final Thoughts

You come to know about all the possible ways to add WordPress custom header per page. Now, it’s up to you which one to opt. As if you don’t want to mess with coding you can go for other too, but surely, our web design software will give you more functionality and flexibility. Where you can add only images through plugins, with TemplateToaster website builder you can add text, images or header video backgrounds too. It’s so easy to use and guarantees to provide awesome results.