Introducing The P2 Header Ad Plugin

P2 Header Ad IconI always loved Automattic’s P2 theme: it’s one of the most innovative ideas for blogging I could find. I’m using it on several of my notebook websites, including this one. I’ve been tweaking P2 for quite some time, and one thing I wanted to do is display an advert inside the P2 header.

As you may know, P2 doesn’t like child themes very much, so I wrote a future proof solution as this handy plugin.

P2 Header Ad let’s you display an advert of your choice inside the header. And when the theme is updated, your advert stays in place. Neat, huh?

How it works

Simply install the plugin and activate it the usual way. Make sure you have the P2 Theme activated, otherwise the plugin will show an error message. You’ll find a new option under Appearance – P2 Header Ad. Here’s what it looks like:

P2 Header Ad - Admin Options

P2 Header Ad – Admin Options

And here's what the dummy advert looks like on the front page

And here’s what the dummy advert looks like on the front page

Adding your own Code Snipptes

To demo what an advert will look like, I’ve added some sample code. You can activate it via the “Use Sample Data” button. Use your own code by adding it to the box and hit “Save Changes”. The plugin will display a preview underneath the box. Check out the front page to see what it looks like.

You can embed standard HTML code, but not PHP code at this time. Out of the box the CSS will position your 468×60 pixel ad nicely inside the top header. Other sizes will need to be adjusted.

Tweaking the CSS

I’m using a custom ID called “p2HeaderAd” which is appended to your code. Feel free to override this. If you’d like to tweak the plugin’s CSS, have a look for a file called p2-header-ad-styles.css.

Languages

The plugin is available in several other languages. These will show up automatically if you set your WordPress installation to another language as explained here.

If you would like to help translate the plugin you’re very welcome – simply leave a comment below with a link to the .po/.mo files for your language, or send me a pull request on GitHub.

Download P2 Header Ad

You can download the plugin from the official WordPress Plugin Repository:

The project is also on Github – feel free to fork and contribute:

Changelog

The Changeling is best enjoyed at WordPress.org:
https://wordpress.org/plugins/p2-header-ad/changelog/

Alternatively, you may track new and old releases on GitHub too:
https://github.com/versluis/P2-Header-Ad/releases

Enjoy!





Jay is the CEO and founder of WP Hosting, a boutique style managed WordPress hosting and support service. He has been working with Plesk since version 9 and is a qualified Parallels Automation Professional. In his spare time he likes to develop iOS apps and WordPress plugins, or draw on tablet devices. He blogs about his coding journey at http://wpguru.co.uk and http://pinkstone.co.uk.