How to Add Custom Header, Footer, or Sidebar for Each Category

Would you like to display a different header, footer, or sidebar for each category on your WordPress website?

You usually see the same header, footer, and sidebar displayed throughout your site. However, you might sometimes want to display different information, colors, or widgets on certain categories.

In this article, we’ll show you how to easily add a custom header, footer, or sidebar for each category in WordPress.

Why Add Custom Header, Footer, or Sidebar for Each Category?

When you set up your WordPress website, most likely you customized the header, footer, and sidebar so your visitors can learn about you and your website, and find the content they are interested in quickly and easily.

For most themes, your header, footer and sidebar look the same on all of your posts, pages, categories, and archive pages. Their location and appearance depend on the theme.

But there may be times that you wish to display different a different header, footer, or sidebar on your site. For example, you may wish to display a different sidebar for each post and page in WordPress.

Or you may wish to change the look of your website for certain categories by displaying a custom header, footer, or sidebar. For example, you could display recent posts from that specific category in a custom sidebar.

With that being said, let’s take a look at how to easily add a custom header, footer, or sidebar for each category in WordPress. We’ll cover three methods:

• Method 1: Adding Custom Sidebars for Each Category Using a Plugin
• Method 2: Adding Custom Header or Footer for Each Category Using a Theme Builder
• Method 3: Adding Custom Header, Footer, or Sidebar for Each Category Using Code

Method 1: Adding Custom Sidebars for Each Category Using a Plugin

This method is best if you’re already happy with your website’s design and only want to change the sidebars and nothing else.

The first thing you need to do is install and activate the Easy Custom Sidebars plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, you need to visit the Appearance » Sidebar Replacements page to create a custom sidebar.

First, you need to enter a name for the sidebar. For this tutorial, we’ll call it ‘Blogging’ because we want to display it for the Blogging category.

After that, you should select which sidebar will be replaced by your custom sidebar.

Next, you’ll need to select when the custom sidebar will be displayed. You will see your posts, pages, categories, and tags listed in the left column of the screen.

You need to click the arrow next to Categories, and then check the box for the Blogging category. After that, you need to click the ‘Add to Sidebar’ button.

You’ll notice the Blogging category now appears in the Sidebar Replacements section, and the sidebar will now be shown with that category. If you like, you can add multiple categories, and the sidebar will be added to all of them.

You should now click the ‘Create Sidebar’ button to create your first custom sidebar.

Your next job will be to add widgets to the sidebar. You can learn how by following our guide to learn how to add widgets to the sidebar.

Easy Custom Sidebar allows you to create as many custom sidebars as you like and assign each sidebar to different categories on your WordPress site.

Method 2: Adding Custom Header or Footer for Each Category Using a Theme Builder

This method is best if you want to have total control over your sidebars, headers, and footers on every page to give your website a unique design.

To do that, we recommend using SeedProd.

SeedProd is the best WordPress theme builder plugin that allows you to easily create a custom WordPress theme without writing any code. This includes creating headers, footers, and everything else needed for an attractive WordPress theme.

You can learn how to quickly create a WordPress theme by following our guide on how to easily create a custom WordPress theme without any code.

Once you’ve done this, SeedProd makes it simple to create custom headers and footers, and set up rules so that they are only displayed under certain circumstances, such as when you are viewing a specific category.

To start with, we’ll create a custom footer. You can create a new footer by clicking the orange ‘Add New Theme Template’ button at the top of the page. This will bring up a screen where you can create a new theme template, such as a footer.

You should start by giving the template a name. For this tutorial, we’ll call it ‘Footer – Blogging’. After that, you need to select ‘Footer’ from the Type drop down menu, and then select a priority, which determines which footer is displayed if multiple footers match the current page.

The footer with the largest priority will be displayed. Since the default footer has a priority of 0, we’ll give this footer a priority of 1 to make sure it is displayed on matching pages.

After that, you’ll need to set up the conditions when the footer will be visible. In our case, we want it to be displayed with the Blogging category.

To do that, you should make sure the first Conditions setting is ‘Include’, then select ‘Has Category’ from the drop down in the middle. Finally, you need to type ‘blogging’ into the last field and then click the ‘Save’ button to store your settings.

There’s another way to create a custom footer. Instead of creating one from scratch, you can simply duplicate the original footer by clicking its ‘Duplicate’ link. We’ll do that for this tutorial.

This will create an exact copy of the current footer that you can customize. Next, you’ll need to click the ‘Edit Conditions’ link under the new item and then choose a name and conditions as when creating a new template above.

Now it’s time to customize the new footer. Simply click on its name and it will be opened in SeedProd’s drag and drop editor.

SeedProd makes it easy to add new blocks to your footer. You can also click on an existing block to edit its color, text, and other options.

For this tutorial, we’ll simply change the background color to green.

Once you’re happy with your custom footer, make sure you click the down arrow next to ‘Save’ and then click ‘Publish’. This will store your changes and push the footer live.

Congratulations, your new footer will be displayed when viewing the Blogging category archive page, and also when viewing posts in the Blogging category.

Here’s how it looks when viewing a post in the Blogging category.

Now that you’ve created a custom footer, you can repeat the steps to create a custom header that is only displayed for specific categories.

Method 3: Adding Custom Header, Footer, or Sidebar for Each Category Using Code

If you’re familiar with code, then you can use this method to display a custom header, footer, or sidebar on certain category archive pages, and posts that belong to a particular category.

To do this, you’ll need to add code snippets to your theme files. If you haven’t done this before, then see our guide on how to copy and paste code in WordPress.

You may also like to see our posts on how to add custom code to headers and footers, and four ways to edit the footer in WordPress.

Adding Custom Header for Each Category Using Code

To add a custom header to posts in a certain category, such as ‘Blogging’, you will need to open your theme’s single.php file and replace the normal header code with this one:

<?php if (in_category('Blogging')) {
get_header('blogging');
} else {
get_header();
} ?>

This code tells WordPress that if someone views a post in the ‘Blogging’ category, then it needs to display a file called header-blogging.php if it exists. If it does not exist, or the post is not in the ‘Blogging’ category, then WordPress will display the default header file.

Make sure you change ‘Blogging’ on Line 1 to the name of your category, and ‘blogging’ on Line 2 to the name of your custom header.

If you wish to display the custom footer on multiple categories, or if you have multiple custom headers, then you can use something like this:

<?php if (in_category(array('Blogging', 'Photography'))) {
get_header('blogging');
} elseif (in_category('News'))) {
get_header('news');
} else {
get_header();
} ?>

This will display the header-blogging.php custom header on posts in either the ‘Blogging’ or ‘Photography’ categories. It will also display the header-news.php header for all posts in the ‘News’ category. For all other posts, it will display the default header.php header.

So far we are only displaying a custom header when viewing posts in certain categories. You may also wish to display the custom header when looking at the category archive page.

To do that, you will need to modify your theme’s category.php file. If your theme doesn’t have that file, then you can create your own category template, or edit your theme’s archive.php or index.php file instead.

You will need to open the file and replace your normal header code with this one. Notice that the first line is slightly different from the code we used above.

<?php if (is_category('Blogging')) {
get_header('blogging');
} else {
get_header();
} ?>

Adding Custom Footer for Each Category Using Code

Displaying a custom footer for certain categories is similar. To get a separate footer for each category, you need to edit your theme’s single.php template and replace the footer code with the following:

<?php if (in_category('Blogging')) {
get_footer('blogging');
} else {
get_footer();
} ?>

Make sure you change the code to use the name of your category and custom footer.

You should also modify your theme’s category.php file, replacing the footer code with this snippet. Again, make sure you include the names of the category and the custom footer you wish to use.

<?php if (is_category('Blogging')) {
get_footer('blogging');
} else {
get_footer();
} ?>

You should refer to ‘Adding Custom Header for Each Category Using Code’ above if you need more details.

Adding Custom Sidebar for Each Category Using Code

You can also use the same method to display a custom sidebar for certain categories. You need to edit your theme’s single.php template, and then replace the sidebar code with this:

<?php if (in_category('Blogging')) {
get_sidebar('blogging');
} else {
get_sidebar();
} ?>

You will need to edit the code snippet with the names of the category and custom sidebar you wish to use.

You’ll also need to modify your theme’s category.php template, replacing its sidebar code with the following:

<?php if (is_category('Blogging')) {
get_sidebar('blogging');
} else {
get_sidebar();
} ?>

If you need more details, then take a look at ‘Adding Custom Header for Each Category Using Code’ above.

We hope this tutorial helped you learn how to easily add a custom header, footer, or sidebar for each category in WordPress. You may also want to learn how to make money online blogging with WordPress, or check out our list of common WordPress errors and how to fix them.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.