WordPress Head & Foot Injection Plugin (HiFi)

WordPress HiFi Plugin — Head and Foot Injection

WordPress

HiFi is a head insert and foot insert plugin. It allows you to include script, style, meta and any other code you want into your posts and pages. The inserted code is page-specific, this means that only the pages you want will be affected.

HiFi is a head injection and foot injection plugin (or head include, foot include, head insert, foot insert, what ever you want to call it). It basically allows you to inject <script>, <style>, <meta> and any other code you want into the head and foot areas of your posts and pages. The code injected is page-specific, this means that only the pages you want code inserted into will be affected.

This plugin is most useful when you have post or page specific functionality that needs to be added.

Example: One of my recent posts “jQuery Scrollable Table Plugin” required the jQuery plugin code JS file and a CSS file to be added to the page to be able to show a demo. I used the HiFi plugin to easily setup the functionality I needed on that post page.

The plugin adds a new meta data box into your posts and pages editing interface:

WordPress HiFi Plugin User Interface

Download

This project is hosted on the WordPress Plugin Directory, download WordPress HiFi Plugin.

If you need installation help, see the WordPress Codex on Manual Plugin Installation.

10 responses to “WordPress HiFi Plugin — Head and Foot Injection”

John March 12, 2010 at 5:17 pm | Permalink

Thanks for the plugin.
John Lufadeju May 4, 2010 at 7:36 pm | Permalink

This looks useful – I will give it a try.
Cheers for sharing
Jaymoon June 7, 2010 at 12:37 pm | Permalink

Any way to inject code only in the home page? Since it’s not really a page, how would I go about doing that…
Dimas June 7, 2010 at 3:09 pm | Permalink
@Jaymoon, good idea, I will adjust the plugin to handle these types of pages (front page, category pages, etc). Meanwhile here is another way of doing it, in your functions.php file you can add the following:
```
if (is_front_page()) wp_enqueue_script('custom_js','/js/custom.js');
```
Here is a good reference that might also help.
Tom J Nowell November 17, 2010 at 8:14 am | Permalink

Your image src is broken here, a missing ‘/’ before wp-content, otherwise good stuff here ^_^
Dimas November 17, 2010 at 9:06 am | Permalink

Thanks Tom!
Netjera April 3, 2011 at 2:13 pm | Permalink

I’m very new to html and I’m using wordpress to set up my site. (I’ve practically fallen in love with plugins, lol.) I’m trying to set up a nav menu that shows per page, so that my blog looks less like a blog. To that end, I’m trying to use wp_list_pages(‘include=4,37,22′) in conjunction with your plugin to generate specific menus per page. (Homepage has different post menus, products page has product menus, etc.) Using the code above as-is causes it to show like text on the page, so I suspect I need to do something to it to make it work in the header box. Would you mind telling me what, please? Thanks!
Matt April 7, 2011 at 1:25 am | Permalink

Hey – i’m getting a Error 403: Forbidden when I try to update with google web optimizer code in the head – any ideas where the problem could be?

Thanks

Matt
CC September 20, 2011 at 9:08 pm | Permalink

Thanks so much – you really helped me put a Facebook og: descriptor into the meta tags so that the page would “share” right!

Thanks!
Dave October 2, 2011 at 9:08 pm | Permalink

Dimas, this plugin is pure genious. But is there any way to get the code that it inserts into the head to be above all others? The code I add using HIFI shows up as the last entry in the head.
Chris November 12, 2011 at 12:04 pm | Permalink

Thank you for your plugin!
How can I Prevent “HiFi” from loading on Homepage?

Kind regards,

Chris