Easily Add Header and Footer Content Without Touching Your WordPress Theme

Easily Add Header and Footer Content Without Touching Your WordPress Theme

Don’t Like Getting Your Hands Dirty in Your Theme?

Sometimes the simplest plugins are the best.

I came across one the other day that is so simple it’s deceptive. (Custom Headers and Footers) All it does is let you add pretty much whatever you’d like to four key areas of your site:

  1. To the “Meta Header” area — the very very top of your pages (above your theme’s header)
  2. To the “Header” area – just above your posts (just below your top navigation)
  3. To the “Footer” area – just below your post area (and just above your theme’s footer)
  4. To the “Blog Footer” area – the very very bottom of your page (below your theme’s footer)

Busting into the code of your theme is something some people are hesitant to do. And even if you’re comfortable with it, it can still be a pain. On top of that, if you ever update your theme, you’ll likely have to go back in and replace all the code you’ve put in. This plugin eliminates all those hassles.

With this plugin you can use HTML code, short codes, smileys, and even Google Adsense (something the plugin author didn’t mention, but I tried it and it worked).

4 Content Areas

Let’s take a look at the different areas where you can easy add content to your blog.

Meta Header

The topmost area is called the Meta Header area. This are is at the very top of your pages above your theme’s header.

If you add text or other content here without any HTML styling, it will align flush left as in this photo.

However, as mentioned before, it is possible to add HTML code, so you can center this area and add color, etc.

The plugin accepts HTML:




The next area down the page is called the Header area. This area is just above your post area and just below your top navigation bar.

This area will automatically line up “inside” your post area. In other words, unlike the topmost Meta Header area, you will not need HTML to make text or other content use the same margins as your post content. However, you can use HTML code if you like, of course.


Footer and Blog Footer

The bottom two sections are called the Footer and the Blog Footer. They are like the Header and Meta Header, only in reverse.

The Footer area is just below your post area and just above your theme’s footer. Like the Header area mentioned above, this will also use the same margins as your post content.

The Blog Footer is at the very bottom of the page, below your theme’s footer. Like the Meta Header, if you do not apply HTML styling, it will automatically align itself to the far left.


All Types of Content

As mentioned above, this plugin also seems to work with Google Adsense code.

And because it accepts HTML code, of course you can also insert photos, banners, etc.

Simple but Effective

Inserting extra content into these four key areas of your site has never been easier. And with the ability to add HTML, there are scores of options for you. You are only limited by your imagination.

This simple plugin simply works. You can find it here: Custom Headers and Footers.



(Thanks to Robbert van der Steeg for the image.)


Free Video Why 100 is NOT a Perfect Google PageSpeed Score (*5 Min Watch) Learn how to use Google PageSpeed Insights to set realistic goals, improve site speed, and why aiming for a perfect 100 is the WRONG goal.