WordPress Automated Navigation Question

[mwarren]

Hey all-

I’m working on a WP site that needs some customization to the nav menu, and I’m not sure to go about doing what I need.

I’d like to automate the nav such that the top level nav are parent pages (or categories) and the sub nav links are child pages. That is easy enough. But for the design, I need to split the child pages into two ULs, one on the right and one on the left.

Check out the current theme I have put up at:

http://www.sushifaq.com/dev

Right now the nav is static, but I’d like to make it such that when my client adds new pages the nav adjusts automatically.

Thoughts on how I could accomplish this?

Thanks!

~M

[TheDoc]

You might want to re-think your font choice for the site’s name. On first glance, it sort of looked like “Sushi Fag” which, I needn’t have to tel you, is not very good.

As for the menu, you’ll want to look into wp_list_pages.

[mwarren]

i know the list pages function, but it has its own formatting that I would need to change. But i have no idea how to change it. That was my question in the first place.

Also, its not my site, I’m just the designer/coder. I wasn’t asking about the name at all, and I have no ability to change it.

[TheDoc]

If you’re the designer, surely you’d have some input into the font choice?

Anyways…

I’m not sure what you mean by wp_list_pages has its own formatting? You can make sure it only spits out the li’s if you want.

Also, instead of two ul’s, why don’t you just float each li to the left and add clear: left to all of the odd numbered li’s.

Also, the nav is a little broken in Chrome: http://grab.by/cFUo

[sabrinagelbart]

I like Doc’s solution…if you really need them to be separate you can use get_pages with a bit of php to split them up.

[mwarren]

I didn’t have much choice on the logo, I didnt design that. I’m only designing the site around it.

Anyway, I’m curious about the “clear:left” method. What would that get me? I thought that clear: left meant that that element can’t have anything to its left which would mean that I can’t have menu options side by side. I suppose you might have meant “float:right” on all the odd ones?

~M

[TheDoc]

Something like this: http://jsfiddle.net/yWfRj/

The clear:left; means that the float-left will be cleared.

[Author]

Posts