Theme Process Checklist

1. Creative brief
2. Information architecture
3. Photoshop comps
4. Slice comp, saving images
5. Setup database on server
6. XHTML/CSS homepage template coding
7. Browser testing
8. Cut XHTML/CSS comp intp .php template files
9. Upload & Install WordPress on server
10. Upload theme files to server
11. Install Maintenance Mode plugin and enable it
12. Tweak admin settings
13. Import post formatting template file for testing
14. Install and configure plugins
15. Test all theme template files
16. Install Google Analytics tracking code in footer.php
17. Browser testing
18. Run through WordPress theme and development cheat sheets and checklists, making any necessary changes
19. Browser testing
20. Disable maintenance mode plugin and take website live

Creative brief

Having the client fill out a creative brief is critical in the design process. Many times, designers will jump into the job with only some of the details. Trust me, don’t do this. In the end, it’ll mean additional work when you have to go back and change things. In the near future, I’m planning on posting a creative brief template you can use for your projects.

Information architecture

Before you get to far into your project, make sure you create a wireframe and/or a sitemap for the entire theme. Show your client the sitemap and get them to sign off on it. This will save you a potential headache down the road.

XHTML/CSS homepage template coding

I’m not sure if other theme developers do this, but before I start doing any php template coding, I prefer to code the template in XHMTL. That way I can work out any CSS and/or layout bugs. Once my XHTML template is complete, I cut it up into the WordPress template files.

Browser testing

I prefer to test in the following browsers, I would suggest you do the same. MAC: Safari, Chrome, Firefox, and Opera. PC: IE6-8, Safari, Firefox, Chrome, and Opera.

Cut XHTML/CSS comp into .php template files

Below is a list of template files I use when creating a theme. This is only a suggestion, you’re free to use whatever template files you prefer.

1. 404.php
2. acrhive.php
3. author.php
4. category.php
5. comments.php
6. css folder (for additional stylesheets like print.css)
7. footer.php
8. functions.php
9. header.php
10. images folder
11. index.php
12. loop.php
13. page.php
14. screenshot.png
15. search.php
16. searchform.php
17. sidebar.php
18. single.php

Tweak admin settings

When you’re setting up a new blog, there are few admin settings you should tweak. First head over to Settings > General and fill in the fields. Next, head over to Settings > Writing. I like to increase the size of the post box to 30 lines for easier post writing. I’d also suggest setting a default post category. Third, go to Settings > Reading and set how many posts you would like to appear on your homepage. Finally head to Settings > Permalinks and choose a link structure for you blog. I personally prefer to use the Month and Name option.

Import post formatting template file for testing

WPCandy.com has a great sample WordPress content file you can download for free. Once you download it, import the file into your blog and it will create a number of sample posts that show a number of post styles. Check out the above link for more info and to download the file.

Install and configure plugins

At this point of the process, I recommend you install, configure and test all of your plugins. Below is a list of plugins I install on all my theme builds. Feel free to use them if you like:

1. askimet (comes installed)
2. All in one SEO pack
3. Contact Form 7
4. Google XML sitemaps
5. WordPress Database Backup

If you have any questions about this process, feel free to post them below. Thanks for reading.

» View the Demo
» Download

Features:
» Minimalist: Very clean, spacious and easy to read.
» Lightweight, for speed.
» Ad-friendly: The columns are sized specifically to accept standard ad formats.
» Easy to install: You can install without plugins, though five plugins are recommended and included.
» Flexible: Includes an optional home page.

» View Screenshot
» Download

Features:
» Professional design
» Easy to administrate
» Highly customizable
» Meets usability and readability standards
» Minimal layout

» Download

Features:
» Random loading header image
» Excellent typography
» 3 column layout

» View the Demo
» Download

Features:
» Yet Another Photoblog plugin integration
» Auto image resizing
» Images are cached for faster load times
» Widget enabled sidebar and footer
» Easy navigation by pictures

» View the Demo
» Download

Features:
» Font Manager to easily upload new fonts to wordpress
» Style Management – allows an unlimited number of styles to be created.
» Font shadow options within the style manager(Requires PHP5 & ImageMagick).
» Browser caching is enabled, reducing load time.
» Cache Management.
» Image replacements are SEO compatible.
» Easy text replacement options for post titles, page titles, widget titles, blog name and blog description.

» Download the AnyFont Plugin

Features:
» Newspaper/Magazine styled theme
» 3 column layout
» Featured posts box
» Video widget
» Popular posts widget
» Footer widget spot
» RSS feeds for all blog areas
» Popular posts for browsing category

» View the Demo
» Download

Features:
» Newspaper style layout
» Custom Homepage
» Multi-author ready
» WordPress 2.3 compatible
» Requires a little coding, review the source post

» View the Demo
» Download

Free WordPress Theme: Nouice

Features
» 2 column layout
» Minimal, Polaroid style design
» No Comments

» View the Demo
» Download