Prior to diving into the WordPress code, we have a few things to make sure we have all straightened out and ready to go. For this tutorial, so as not to pick on anyone else, I’ll be using my own blog as an example.
Here’s what we need:
- A Design – While some folks undoubtedly code their designs directly into a WordPress theme, we’re going to make things a bit simpler and start with a design coded in beautiful HTML and CSS. For your first couple of integration (or your first and last), I recommend starting with your design already coded. It doesn’t have to have all the WordPress features added in. The most important thing is to have the layout setup and ready to go. While you can do a design in tables, I highly recommend using CSS. For this particular example, we’ll be starting with a finished design, coded in CSS and XHTML.
- A WordPress Installation – Be sure you have the latest version of WordPress installed and we’re ready to go. Arvixe provide automatic installations of WordPress.
Here’s what I recommend in addition:
- Experience with CSS – While not required, having a basic knowledge of CSS will go a long ways in making those extra changes and customization’s that come to mind as you assemble your theme. For the sake of this tutorial, I’ll make no assumptions about your knowledge of CSS, but will encourage you to have a knowledge nonetheless ;).
- A Sense of Humor or Patience or Both – Occasionally when dealing with WordPress and CSS, things don’t go quite as expected. For those of you familiar with CSS and/or PHP, you know that it can be the tiniest little bug that can make everything seem to go crazy. When the bugs pop up, get out the fly swatter and patiently take care of it or, if you’re unable to squash it, call in the exterminators.
Alright, let’s take a bold step forward and begin building our theme! First though, stand up, stretch, get a glass of water and then sit back down. Too many hours at the computer without a break and we’ll end up looking like Quasimodo.
More to Continue.