Category: Programming, Resources, Themes, WordPress

How To Add A Menu To Whiskey Air Theme

Chip on 21 August 2009

After realizing my pages got hidden in the big sidebar, I decided to move them and the search box just below the header. A ul/li combination did the trick:

Here’s the CSS style for it. Add it in style.css.

/* Top menu: pages */
#ja-botnav {
background: #CCC;
clear: both;
margin: -2px 0;
padding: 5px 0;
text-align: right;
margin-top: 8px;
}

#ja-botnav ul {
margin: 0;
padding: 0;
}

#ja-botnav li {
margin: 0;
padding: 0 10px;
display: inline;
vertical-align: middle;
}

#ja-botnav li a {
color: #999999;
font-size: 9pt;
}

#ja-botnav li a:hover, #ja-botnav li a:active, #ja-botnav li a:focus {
color: #FFFFFF;
}

And here is the HTML to be added inside the header div:

<div id="ja-botnav">
<ul>
< ?php wp_list_pages('title_li=');?>
</ul>
</div>

If you’re too lazy to do it, download here Whiskey Air 0.9.1 with top menu. Updating Whiskey Air from 0.9 to 0.9.1 is simple. Just replace header.php, footer.php and style.css with the ones in the archive. Don’t forget to carry over any change and addition you’ve made to your Whiskey Air theme.

Do you have your blog powered by Whiskey Air? Share it here and I’ll share some link love.