Theme Development part-13

Get ready to jump straight into WordPress coding as we continue on with our Wordpress for Designers series. As suggested by many of our readers, we will go straight into WordPress and begin coding our theme. Today, we will cover a basic reset, as well as begin coding our home page. Start your servers, launch your text editor, and let’s go!

WordPress Coding

Clear Those Floats!

My mistake. At the end of the screencast, I forgot to mention to clear the floats that we used on the logo and the navigation. You should make sure the header.php file includes this, the code below reflects the markup you need:

<div id='header'>
  <h1 id='logo'><a href="<?php echo get_option('home'); ?>/"><span>Paper</span> Business</a></h1>
 <ul id='nav'> <?php wp_list_pages('title_li='); ?> </ul>
 <br class='dirtyLittleTrick' />
</div>

This will clear any floats used in the logo or in our navigation. If you prefer to use a different method of clearing floats, such as using the ‘overflow’ property, feel free to do so!

• Starkes Reset Theme