Week 7: HTML -> WP Theme

Converting an XHTML/CSS site into a WordPress Theme

We will be continuing our conversion of the forager html/css template into a WordPress Theme.

Barebones Theme

Also, take a look at this theme, which will act as a great base point for future conversions:
http://elliotjaystocks.com/starkers/

Side Navigation

<!-- Begin Left -->
            <div id="left">
                <!-- Begin Subnav -->
                <div id="subnav">
                    <h4><span>Districts</span></h4>
                    <ul>                        
<?php 
$args = array(
	'title_li' => '',
	'child_of' => 37,
	'link_before' => '<span class="link">',
	'link_after'=>'</span> <span class="arrow">&gt;</span>'
);
wp_list_pages($args);
?>
                    </ul> 
                </div>
                <!-- End Subnav -->
            </div>
            <!-- End Left -->
 
		#subnav ul .arrow {
			display:none;
		}
		#subnav ul .current_page_item {
			color:#420000;		/* chocolate brown */
		}
		#subnav ul .current_page_item .link{
			text-decoration: underline;
		}
		#subnav .current_page_item .arrow {
			display:inline;
		}

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Web Development Courses, Rants, Tutorials and Hacks