Add Custom Help Section

You create a fancy new site for a client which is awesome.  However, the client is constantly calling you with ‘how-to’ questions.

One way to solve this is to create a custom help section tailored to your design and functionality.

Step 1

Head out to http://www.iconarchive.com/ and pick up a 16×16 png icon to use as your help icon.  I picked up a question mark.

Step 2

Create a folder to hold the help plugin.  Add your help icon to it.

Step 3

Create the ‘help.php’ file.  Add the following code:

<?php
/*
Plugin Name: Custom Help Section
Plugin URI: http://www.mattchristensen.net
Description: Creates iframe in the admin to add your own 'Help' section
Version: 1.0
Author: Matt Christensen
Author URI: http://www.mattchristensen.net
License: GPLv2
*/

add_action( 'admin_menu', 'christensen_help_menu' );

function christensen_help_menu() {
add_menu_page('Help', 'Help', 'manage_options', 'christensen_help_menu_section', 'christensen_help_display', plugins_url('Help-icon.png', __FILE__));
}

function christensen_help_display(){
echo '<iframe src="http://www.example.com"></iframe>';
}

?>

Change the names/details to match your needs.

Step 4

Create the html help page that the plugin points to from step 3.

Step 5

Upload to your plugin directory and activate.

Then you can update the html page with new help sections without having to edit the plugin or the client’s site.
This is ‘mark 1’. Will update with the ability to add the iframe url from the admin so you don’t have to make a custom plugin for each site you create.

Extend an outlet

Inspired by an article on Life Hacker, I decided I needed a desk top outlet.

So I went out and got a 15 amp 120 volt white outlet, a grey electrical box, and a cover plate.  Spent around $2 in all ( I already had the computer power cord).

outletMark1-1

First step, knock out a hole to feed the power cord through.

outletMark1-2

Next, cut off the end of the cord that goes into the back of the computer.  There will be three wires.  Black, white, and green.  Strip those wires, exposing the copper.  Then wrap each wire around the corresponding screw and tighten.

outletMark1-3

Break off the metal tabs and screw outlet into the box.  Wrap any exposed wire in electrical tape and put the cover plate on.

outletMark1-4

Plug it in and you’re good to go.  Instant extended outlet.  This is the first version (Mark I).  I’m going to make another one with an outlet that has USB ports.

outletMark1-5