I had an interest in adding a Help Desk to my site where clients could submit ‘tickets’ that would be tracked (and stored in a MySQL database, preferably alongside my current WordPress one) and when changed/updated both the client and I would be notified via email…
I had noticed a reference to Hesk (v0.93.1) in my journeys around the WP support forums, so I took a look and decided it was small and simple, which is what I needed.
Installing Hesk was simple. I chose to install it to /wp-content/hesk, then added a link to my ‘Links’ (or ‘Blogroll’ depending on what version of WP you have). Follow the directions and Boom: Functioning Help Desk.
However, it looked like you had been transported to another world. A world without art, design or beauty. A hellish world void of desirable women (or handsome men, if that blows your skirt up). So, I picked up some scissors, and started running…
First, comment out lines 32 through 39 in hesk/inc/header.inc.php:
Now, we will need to add/paste that code back into 2 places inside the hesk/admin.php file. It goes into the beginning of the 2 following functions:
function print_login() and
function logout() right before each
require_once('inc/header.inc.php'); Make sure it isn’t commented out if you’re cutting and pasting ;’)
Next, open hesk_style.css and add width:610px; to the ‘body‘ element at the top (only necessary for the login page formatting).
Hard part is over, now onto the boring repetitive tasks…
To introduce my header and sidebar I used the following code:
The first line,
require('../../wp-blog-header.php'); turns this into a WordPress ‘compatible’ page and allows us to use WP functions, like
My top level container for placement of posts is my #container div, and my styling/formatting of that area is primarily in
.widecolumn. You should check your stylesheet and adjust these accordingly…
I inserted the new code into the following files (and only the following files):
I inserted the code in the very top, above the very first <?php line, so it looks like this:
And voila! No more sucky-wucky looking pages. Well, I did add a background image/pattern to my style.css:
background: lightgrey url(images/form_bg.gif) repeat;
This is a pretty simple operation, but the div's I introduce won't work for everyone, and tweaks will probably needed for your particular theme (I did this integration with the Barthelme theme).