Check List for WordPress Designers

First, bookmark the WordPress theme check list. Second, here are some more items to add to your check list.

Cross version (Backward) compatibility

If you can make your design work across multiple browsers then why not enable your theme to work across multiple versions? Not all WordPress blogs sport the latest WordPress version anyway.

For one, is your search form using

<?php the_search_query(); ?>

or

<?php echo wp_specialchars($s, 1); ?>

? I can’t tell the difference between the two because I’m PHP clueless, but I know that wp_specialchars work with 2.0, 2.1, and 2.2.

For another example, are you using

wp_list_categories

or

wp_list_cats

? Wp_list_cats is the older of the two, which is the one that works with 2.0, 2.1, and WordPress 2.2.

For more new versus old functions, read Lorelle’s Template Tag and Function Changes.

Have you tested your theme?

You never know what bloggers are going to use your theme for and what features they might turn on. I’d recommend installing WordPress locally (on your computer) in order to easily test it. Here’s how to install WordPress locally on Windows or Mac.

After installing WordPress, create filler content posts, about 11 or 21 of them so you can test the

posts_nav_link

function for the Previous Page and Next Page links. Make sure one of the filler posts have a long title that takes up at least two lines so you can test the line height of the post title when it’s time to use CSS.

long post title

Within one of those filler posts, you should test your images. One photo aligns left, another aligns right, and another one in the center (see example). Below are my codes for styling images within a post.

img.centered{
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright{
padding: 4px;
margin: 3px 0 2px 10px;
display: inline;
}

img.alignleft{
padding: 4px;
margin: 3px 10px 2px 0;
display: inline;
}

.alignleft{
float: left;
}

.alignright{
float: right;
}

The use of

.alignleft

,

.alignright

, and

.centered

is based on Kubrick.

Within a different post, test the order and unordered lists (see example). There’s more stuff to test, in example: blockquotes, code, and headings (h1, h2, h3, h4, h5, h6).

Horizontal menu - If your theme has a horizontal menu, make sure you apply

depth=1

to it. And, don’t hard code any link within the horizontal menu. For example, don’t link to the About page using

http://www.yoursite.com/about/

; use

<?php echo get_permalink(2); ?>

or something like that. If you do use a horizontal menu, don’t forget to test

wp_list_pages()

in the regular sidebar listing. The best way to do it is to create multiple levels of links (see example).

With this check list combined with the last one, did I leave anything out?

What's Next?
Related Posts

Great list. I’ll definitely need to go through this with ColdBlue and fix up all these things.
Thanks a bunch.

Did you get the coldblue psd I sent you through the contact form?

@deleted comments - waterbird, If you have any question not related to this post, please post it at the forums. Thank you.

This is great, thanks.

Touched upon aspects of WordPress I didn’t know about (specialchars) and some I hadn’t considered before (using get_permalink instead of hardcoding).

Any chance of combining the two posts into one combined cheat sheet, or something similar? Or is there more to come?

I don’t think you can stress enough making sure the theme is compatible with multiple browsers! I know I for one use Firefox for everyday surfing and when I build a site, I always finish, find that it looks great in FF, and then remember I need to look at it in IE….and there’s ALWAYS crap I have to fix.

Thanks for the info.

Just wanted to let you know you had a typo:
“Have your tested your theme?”

Thanks Teryn :)

Compability is good,
Another solution is add some *notes in current themes.

Like
* Tested on WordPress 2.x.x

[…] you’re into creating themes, or want to start, this Check List for WordPress Designers may be of […]

[…] Check List for WordPress Designers - Part 2 […]

Check List for WordPress Designers is agreat idea i will definately try it in my blogs
thanks

[…] Check List for WordPress Designers - Part 2 […]

Great list. thanks!

This is great, thanks.

Reply
Comment Policy
  • Theme support questions should be posted at the support forums.
  • Name and Email are required. Email is never published.
  • You grant this site perpetual license to reproduce your words and name/website in attribution.
  • Inappropriate comments will be removed at my discretion.
Close
Powered by ShareThis