After reading several people struggling to theme WHMCS, I decided that I would write a brief tutorial to attempt to emphasize how easy this is if you read the directions and think it through. First off, modifying the default them is *not* the easiest way to do it, you’re going to beat your head against the wall trying. WHMCS has setup their system very simply. Imagine the following php file-
<?php
include(header.tpl);
include(maincontent);
include(footer.tpl);
?>
This is an oversimplified version of how WHMCS works. So here are the steps
- Setup a static design that you would like to use.
- Split the file around the main content area
- Copy/Paste everything above the main content into the header.tpl file for your skin
- Copy/Paste everything below the main content into the footer.tpl file for your skin.
- Replace meta variables (these can be found in /templates/default/header.tpl)
- Use FireBug to fix any minor issues in your css.
WHMCS uses the smarty template system.