Sign up for Updates
Build a Review Site with WordPress and WP Review
Recent Posts
Subscribe for eMail Updates

Subscribe to the Niche Store BuilderDon't miss a single post about Developing your Niche Store or Website! Subscribe today and start Making Money!

Subscribe to the Niche Store Builder Subscribe in Google ReaderAdd The Niche Store Builder to Technorati Favorites! Add to My Yahoo! Add to My AOL

Setting up Your BANS Header & Footer Files for WordPress

August 11, 2008

In the last segment of the WordPress and BANS Integrations Series, I walked through the files that are needed to integrate the two individual content systems. Understanding the role of these files are important, as you can begin to visualize how the entire theme starts coming together on the BANS side. In this post, I am going to try to clarify that picture to help understand better.

The most important thing to keep in mind as you continue learning this process is my goal of keeping both BANS and WordPress working independently and separate of each other in case you ever decide to make a change on your site, or one of the two needs to be updated!

The Way BANS Works

The easiest way for me to get you to visualize what the header & footer files do, is by looking at how BANS works for us. The TRUE meat and potatoes of Build a Niche Store are the ebay listings right? I mean, without the listings… you basically have nothing but a menu and a bunch of ads.

Part of what makes Build a Niche Store so great for design purposes is that the layout is really made up of only 4 main files. There are other files that do other stuff, but for the purpose of layout, these are the ones we need to think of. I have listed them in the order they display in front of you on a working site…

  1. header.php - shows everything before the product listings.
  2. Styles.css - View this as a hidden or background file, that orchestrates the display of the page elements.
  3. index.php - shows the product listings.
  4. footer.php - shows everything after the product listings.

The key file in the list above is the one file that shows the products, or index.php. In order to merge the BANS Template within a wordpress theme, we need to get everything from the WP theme to show in the header and footer files, without disruption of the index.php .

A VERY Basic view of the way a template works:

simplelayout.jpg

Of course, I realize this image is very basic, but as you start visualizing a page with sidebars, you can see where the header ends and the footer begins. 

What about the Menus and Sidebars thingy?

We all know that in order to make our site functional, we also need menus. The menus are called as a function of the application through the header or footer files. They are placed at whichever point in the code we want them to show by using the <get menu> (not exact code) variable. The key thing however, is that we only need to modify our header or footer file to change the place they are displayed.

Common Layouts  (Click to enlarge)

By clicking on the images, you can see how the header and footer files carry the load of the layout. The sidebar and other elements are embedded within the files.

singleftsidebar.jpg3columnsplit.jpg3columnright.jpg

By viewing the files above, you can start seeing how the header and footer files are used to pull the entire layout into one screen.

Tomorrow, I am going to disassemble the the files on the Hybrid Auction site and explain how to put it all back together with your header and footer files.

Mark

Comments

One Response to “Setting up Your BANS Header & Footer Files for WordPress”

Got something to say?





Featured Links and Resources

I'm such a Twit for Tweets

Posting tweet...

Top Niche Builder Commentators

Last 10 Comments

Blogroll

Niche Builder Categories