Prelude Part 1: Setting Up Part 2: Set the Bare BonesPart 3: The HeaderPart 4: The Main MenuPart 5: The Rest of the Header Because the ET-Starter theme is set so that the user can choose between one, two, or no sidebars (in whichever relative position to the main content), there exists various CSS classes for each type of sidebar and it location. For the purposes of this theme, the CSS classes we will be working with are .primary-sidebar and .primary-sidebar.content-two-columncontent-right. WordPress sidebars are relatively simple to style provided that you do not make any crazy changes to the structure of the theme. Each sidebar heading is set to h2, and each item below that is usually listed...

Prelude Part 1: Setting Up Part 2: Set the Bare BonesPart 3: The HeaderPart 4: The Main Menu In this post I will discuss how to complete the rest of the header elements in my blog theme. First up: the searchbar. In WordPress, adding a searchbar is relatively simple. All you need to do is insert the line <?php get_search_form(); ?> into wherever you want the searchbar to be. So in this case, since I want the searchbar to be included in the header section, I opened up the header.php file and created a new div called "searchbar" like so: <div id="searchbar"> <?php get_search_form(); ?> </div> I just added that to the very end of the header.php file, then saved. Here...

Prelude Part 1: Setting Up Part 2: Set the Bare BonesPart 3: The Header It's been over a month since the last post in this series, and for that I apologize. This is what we had when we left off: First, let's work on the main menu. As you can see from my header image, I have incorporated the outline of the menu into the header image itself. You can choose to create a separate menu background image and lay it on top of the header image, but I find that option to add an extra step (at least with this design) so why bother? Since the outline of the menu is already taken care of, all you...