Using Firebug to Breakdown the WordPress Layout

7 August 2008 14 Comments So Far, Join In!

As we start Integrating WordPress templates for Build a Niche Store, the first thing we need to do is understand how the templates were assembled in the first place! This is where FireFox and great little plugin named FireBug come into play! Its not a bad idea for you all to open the Firefox browser and the plugin and look around on sites that you like the design. In a very short time, you will start to see the way pages are setup without even using the plugin!

Understanding the layout of the WordPress Template to place our BANS Menu

The video today walks through the main template and finds the right spot for our BANS menu! You will need to have firefox fired up on your screen as well as the FireBug plugin!

Video Length: 11:06

Mark

Hello there! If you are new here, you might want to subscribe to the RSS feed for updates on this topic.

Previously Published Articles You May Like to Read:

Rate This Post

(No Ratings Yet)

Loading ...

About the Author, Mark Hansen

Mark Hansen has written 468 article(s) at the Niche Store Builder site.

I have been doing my part to "Build the Internet" since 1994, when I built my first website! Since then, I have built hundreds of niche websites for myself and many others, focused on design, applications, ecommerce, search optimization and internet marketing.

Latest Readers Who Commented on This Article

14 Comments »

Alice said:

So far I’m not finding Firebug that useful. It seems to focus on only little areas and I can’t tell where I am in the document. The other thing when inspecting the code stuff, it doesn’t tell you which file or level you’re in. Maybe I’m not using it right,

It’s like trying to drive across the country when you know what street you’re on, but you have no clue what state you’re in!

Reply – Quote

# 8 August 2008 at 2:40 am

Emma said:

Once again, thanks Mark. This is exactly the kind of stuff I’ve been wanting to learn. You break things down really well and explain things clearly. I’m learning a lot from you.

Reply – Quote

# 8 August 2008 at 12:28 pm

Britt said:

Hi Mark, just wanted to thank you for your video! I would have been completely lost without your help, and you make everything so easy to understand. Keep up the good work :D

Reply – Quote

# 10 August 2008 at 2:39 am

matt said:

also i didn’t even put any products in my shop…. random ads started to appear..

Reply – Quote

# 12 August 2008 at 3:14 pm

matt said:

Hmm its a problem on my side, i put the wrong url in i put .com instead of .net :)

great site

Reply – Quote

# 12 August 2008 at 6:40 pm

Paul said:

Hi Mark,

I am new to all this so first let me thank you for the detailed breakdown of all the steps… you’re a legend!

One thing I missed and cannot seem to locate is the niche store code we need to insert into the side-bar menu of the wordpress blog page. Could you please post it here or email it to me?

Thanks mate… be magnificent!

Kind Regards,
Paul

Reply – Quote

# 20 August 2008 at 4:41 pm

Paul said:

Hi Mark,

And while i’m on it, can you also direct me to the video which shows me how to create and instal the inc-store-menu.php

Thanks,
Paul

Reply – Quote

# 20 August 2008 at 4:59 pm