Wordpress Navigation Bar
Filed in: WordPress — May 7th, 2005
Many have asking me about how to add the top navigation bar to the Wordpress like my blog. I was doing it manually by adding CSS and HTML code. To make it easier for general bloggers, I made the following Wordpress Navigation Bar hack.
What it does?
Add a navigation bar under template header image. The navigation bar has a tab that link to blog URL and auto add Wordpress ‘pages’ link tabs.
How to apply?
There are two ways to apply:
- Copy and paste the Wordpress Navigation Bar code to the end of /wp-content/themes/default/header.php.
- OR, Easier method. Download the modified header.php, extract it to /wp-content/themes/default/ (replace existing header.php file).
Credits:
- CSS code ripped from BinaryBonsai
- Idea to use wp_list_pages() enlighten by Pool theme
Note: This hack is designed for Wordpress default theme(kubrick) only. However, you may modify it as you want.
FAQ
- How do adjust the position of the navigation bar?
Simply modify the values of “top” and “left” under “#supernav”. - How to list Pages by menu order?
Find:
<?php wp_list_pages('title_li='); ?>
then, replace it with:
<?php wp_list_pages('sort_column=menu_order&title_li='); ?>
More details are available at WordPress Codex/wp list pages. - How do I add custom URL into the navigation bar?
Sorry, you can’t. The hack code only creates tabs based on your WordPress Pages.
Popularity: 6% [?]
Comments Feed
TrackBack URL
May 8th, 2005 at 1:32 am
I am the one asking for this in your forum…nice…..thank you very much
May 8th, 2005 at 2:45 am
It’s a nice little hack, come in handy too.
Thank you for sharing.
May 8th, 2005 at 3:35 am
[...] May 7th, 2005 Wordpress Navigation Bar Hack This hack adds a top navigation bar to the default Kubrick theme. Posted by J [...]
May 8th, 2005 at 3:41 pm
[...] ess: Identification bands Wordpress Hack : Navigation Bar Questo hack aggiunge una barra di navigazione in alto in Kubrick, il tema predefin [...]
May 8th, 2005 at 4:13 pm
seems like there is some thing going on here
May 10th, 2005 at 12:39 am
[...] ifty little menu at the top. This little menu at the top is a wordpress hack created by Liew Cheon Fong but low and behold like most hacks it didn’t do exact [...]
May 10th, 2005 at 6:10 am
[...] going to hack and customize the default theme. Btw.. Thanks to Tech Gadgets Blog for the cool nav bar! -A PS The gallery will be back shortly! [...]
May 13th, 2005 at 3:59 am
Hello Liew Cheon Fong,
I have a question i use perm links same as you. But if i go to another page my bar disappear.
I believe i have to put the code somewhere else.
But where?
Please help my out here.
Thanks in advance.
Marvin
May 13th, 2005 at 9:16 am
Put in header is fine. this hack is proved to work for WordPress 1.5.
Are you using my hack? Maybe you can show me your blog site?
May 13th, 2005 at 9:21 pm
nice-but it slides around if you resize the browser…
May 13th, 2005 at 10:05 pm
@mike: what did you mean by “slides around”? screenshot please?
May 15th, 2005 at 4:32 am
resizing the browser-width wise-will cause the nav bar to slide off the blog page to the left. this was however, easily fixed by tweaking the css… mainly changing positive to relative.
http://fapomatic.com/9/sp3220050514152703.jpg
May 15th, 2005 at 4:35 am
@mike: can you send me the tweaked css code please? the image is too small to view.
May 15th, 2005 at 4:37 am
sorry- thumbnail
here…
http://img180.echo.cx/img180/8669/sp32200505141527039je.jpg
May 15th, 2005 at 4:51 am
well i don’t want to sound like someone who knows what they’re doing but all i did was change positive to relative, make a few adjustments in the position (i’m not using a top margin on the header for my site) and put the supernav div inside the header div…
if you want a look:
http://michaelschorn.com
May 15th, 2005 at 5:05 am
@mike: you mean change “position” to relative instead of absolute? I will fix it. thank you.
May 15th, 2005 at 7:00 am
yup, position-
and thank you for the great hack!
May 15th, 2005 at 2:10 pm
how come the mouseover function doesn’t work?
Can anyone teach me?
May 15th, 2005 at 3:52 pm
@8dee: are you using my hack? If you use your own css stylesheet, make sure you have write css style for mouseover(a:hover).
May 15th, 2005 at 10:19 pm
Got it…the hack you provide did not have the hover colour correctly.
but thanks you very much…..it looks great now.
May 15th, 2005 at 10:39 pm
did not?
May 16th, 2005 at 1:02 pm
@LcF
how would i go about making it so that if i create a tab that is [b]not[/b] a page but say, a link to a page in my root, that tab when active is white?
(eg: i’m using wpg2 gallery plugin which uses a page placed in root for embedding functions)
tia
May 16th, 2005 at 1:03 pm
@mike: this hack can’t do that and that is what I gonna do next. probably a plugin that allow user to add custom tabs.
May 16th, 2005 at 1:25 pm
cool thanks!
May 16th, 2005 at 4:55 pm
Hehehe…I asked u about this before thru email…why didnt u reply, ah?
- MENJ
May 16th, 2005 at 5:22 pm
@menj: probably put in ToReply list but forgotten.
Sorry.
May 16th, 2005 at 6:49 pm
Thats okay
BTW, I installed your auto-ping PPS plugin and set my blog to “Simple Mode” but it will still not auto-ping :S Why ah?
- MENJ
May 17th, 2005 at 12:38 am
@menj: you are offtopic already. have you check the wordpress 1.5 bug?
May 18th, 2005 at 5:12 am
My website is http://www.jansenonline.nl using iis 6.0
If you can see on my website the bar disapear when you click on contact.
When i installed coppermine, I thought i use your bar also. But the bar is going 1px down dont know how that came.
Please help me out
Thanks in advance
Marvin
May 18th, 2005 at 9:01 am
@Marvin: have you put the code in header.php? I read your source code and found that the navigation bar code is at the end of the page, it is not correct. You need to put the code in the end of header.php of default theme.
For coppermine, it works all right in Mozilla Firefox. I don’t know the coppermine theme you used. You need to tweak the css for IE.
May 18th, 2005 at 10:44 am
Okay, lcf, thanks!
- MENJ
May 29th, 2005 at 1:17 am
Hi,
I’ve just tried it, but is it only 1 link? how to make it has many links just like yours there. “home”, “archive”, “forum”, etc…
thanks
May 29th, 2005 at 2:45 am
what the hack do is create top navigation tab links for “Pages”. Create an “archive” page then you will get a “archive” tab, and so on.
For this blog, I manually create all the tabs. I am not using the hack.
May 29th, 2005 at 11:26 pm
I would like to change “blog” by “home” in the bar
thanks
May 29th, 2005 at 11:51 pm
@Derleth: in the hack code, look for “blog” and change it to “home”.
May 30th, 2005 at 12:05 am
thanks ,
a kiss
June 1st, 2005 at 11:12 am
Hey, whats the code for it on the 3 column kubrick theme like you have on this site? I am using the same theme here: http://foxscorner.com
Thanks
June 1st, 2005 at 11:20 am
you mean the navigation bar or the 3 column kubrick theme?
You can check my source for the code and CSS. I am not using the navigation bar hack in this blog.
June 1st, 2005 at 1:04 pm
[...] Links (buttons maybe): Blogshares, Blog Explosion, Feedburner Tab Menu in header: Find out how!! http://www.liewcf.com/blog/archives/2005/05/wordpress-navigation-bar/ Blogroll: Get links to open in new window (_blank). I have it in my blogrollin [...]
June 5th, 2005 at 4:33 pm
I am looking forward to having this in my blog
June 13th, 2005 at 7:34 am
LcF – Totally fantastic hack, my friend. This is exactly what I was looking for. I had it up and running, and working with my own custom CSS in minutes. Thank you very much!
The only thing I would add to the funtionality is a way of handling subpages. So far I dont’ see any way that subpages integrate into your code. I’m not sure how I would do it on my own blog, but If I get something up and running I’ll post another comment.
Thanks again!
July 2nd, 2005 at 5:03 am
Wordpress Update and New Features
Details of tonights updates to the blog.
…
July 4th, 2005 at 12:43 pm
thank for the info fren.
July 16th, 2005 at 12:53 pm
I don’t think that what’s been said above is a truth.
Doesn’t sound real…
July 18th, 2005 at 7:47 pm
liew, i’ve discovered a problem with your hack bar: when added with more links, [i've got 7] check out the right most one: it looks a bit strange.
why?
thanks
July 18th, 2005 at 8:19 pm
stchatterbox: it has nothing to do with the nav bar hack. Edit style.css, look for the style for “hack”. Increase the width of it.
July 19th, 2005 at 3:17 pm
oh, thanks a lot, Liew, I’ve made it up so perfectly.!
July 23rd, 2005 at 9:46 pm
WordPress Nav Bar
The Tech Gadgets Blog has a nice WordPress navigation bar that I’ve appropriated.
Check it out.
…
July 24th, 2005 at 4:09 am
Any progress on turning this into plugin? I would also like to add a link that is not a wordpress page.
I hacked the code to get it to include the tab, but obviously it is always coloured white… which is a little annoying!
As you don’t actually use the hack could you let me see your header.php file so I could work out how to manually edit my own…
Cheers
Andy
August 17th, 2005 at 11:50 pm
[...] 當新增一篇 Page 後，再用 wp_list_pages function 或者參考 WordPress Navigation Bar 的方去顯示該 Page 就可以了。 [...]
August 18th, 2005 at 4:57 am
[...] Credits: some time ago I noticed a nice navigation bar in ficklefish.net, and I tried to reproduce it in this site (I am still using its original colors, thank you Shelly). I also looked at liewcf.com (thank you Liew), the Pool theme, the WordPress Codex, various Max Design Tutorials and, of course, the HTML 4.01 Specification and the CSS level 1 Specification. Thank you to all those valuable resources. [...]
August 18th, 2005 at 5:09 am
[...] Ringraziamenti: qualche tempo fa ho notato un gradevole menu orizzontale in ficklefish.net, e ho tentato di riprodurlo in questo sito (sto tuttora usando i suoi colori, grazie Shelly). Ho anche guardato liewcf.com (grazie Liew), il tema Pool, il WordPress Codex, diversi tutorial Max Design e naturalmente la Specifica HTML 4.01 e la Specifica CSS livello 1. Grazie a tutti per il prezioso aiuto. [...]
September 9th, 2005 at 2:58 pm
The links in the navigation bar are sorted alphabetically. How can I change that? Ich want to have one link on the right (Impressum) and the rest sorted alphabetically. Thx in advance.
September 11th, 2005 at 8:13 am
[...] –20050902– Wordpress Navigation Bar –20050901– Extended Live Archive –20050831– WordPress Code Highlight Plugin CoolCode Meng Yan –20050830– GetRecentComments http://blog.jodies.de/blog/20041113/ [...]
September 22nd, 2005 at 4:10 am
Is there anyway to make the text in the tabs the correct case. When I type “Contact” is shows up as “contact” in the tab.
Thanks! It’s a great navigation bar.
September 22nd, 2005 at 12:15 pm
Is there a way to make the navigation bar display categories instead of pages?
I found an interesting way to display your navigation bar and I decided to use the temaplate based on your 3 column kubrick layout.
A categories navigation bar instead of pages would be great!
http://www.rawgreed.com
October 12th, 2005 at 5:10 pm
Hi,
I am presently running a MT blog and planning to MIGRATE to Wordpress.
I am testing your hack on my localmachine and everything is working perfect. Excellent hack and thanks for that.
I have a question.
I am using the “Static frontpage Plugin” by Denis de Bernardy.
So I have created a PAGE called HOME, where I will be creating a static content page as the face of my blog.
Now when I install your hack in header.php, I see TWO links in the tab navigation:
“blog” and “home”
Is it possible to exclude some PAGEs from displaying in the TAB navigation?
or you might have a different suggestion for me here
Thanks and looking forward to a reply.
October 12th, 2005 at 8:52 pm
Andy: in the code, delete the line:
text-transform: lowercase;To use show categories, simply change the wp_list_pages to category template tag.
Sajid: you may exclude some pages. Please check the template tag parameters for wp_list_pages
October 13th, 2005 at 1:52 am
Thanks LcF
I changed the code to this:
and it works perfectly now
October 16th, 2005 at 3:01 am
hi,
i am back with a question.
I have integrated your tab navigation on my site (which is still in testing phase so the links point to “localhost”)
http://www.ssdesigninteractive.com/ssdesign
The question i have is about the layout. If you see, there are 4 tabs at the top, the fourth one “contact” is not showing properly at the bottom, there is a cut in the design at the bottom.
This cut is seen only in Firefox browser. If i se it in IE, it shows correctly (ofcourse without the rounding of the edges.)
Can you guide me as to where might be the problem?
October 17th, 2005 at 12:41 pm
Hi,
I solved it.
The problem was with the CSS for “hack” div.
The width specified was 450px ans my tabs were extending further then 450px.
I increased it to 650 and its fine now.
October 28th, 2005 at 9:55 pm
[...] 當新增一篇 Page 後，再用 wp_list_pages function 或者參考 WordPress Navigation Bar 的方去顯示該 Page 就可以了。 [...]
November 5th, 2005 at 6:59 pm
[...] 當新增一篇 Page 後，再用 wp_list_pages function 或者參考 WordPress Navigation Bar 的方去顯示該 Page 就可以了。 [...]
November 11th, 2005 at 12:06 pm
Hi Liew,
I tried changing the page tag to the category tag. It works ok, but now I am having a new problem. When you click a category the navigation bar does not correctly highlight the new category. The highlighted tab is always the blog tab. It doesn’t seem to follow where you click correctly.
Maybe you can see it. This would be so great if I could use it with categories and have it highlight correctly.
November 11th, 2005 at 12:50 pm
Andy: the tab highlight is made possible by the custom CSS class generated by the wordpress list pages function. The wordpress list categories function does not generate custom CSS class.
There are workarounds, anyway.
If you know PHP coding, read http://codex.wordpress.org/Dynamic_Menu_Highlighting
Or, try the catHighlight plugin.
November 16th, 2005 at 11:09 am
[...] 3. Added Navigation bar hack to header.php 4. Added Technorati tags to posts via Ecto blogging client. 5. Added Google Sitemaps Plugin 6. Used Crimson Milk Theme from Andrew Sutherland (great job Andrew!) 7. Added some of the recommended Plugins from Crimson Milk. These include Popularity Contest, Most Commented, some antispam plugins, and Ultimate Tag Warrior. 8. Added a few more plugins: Info Mail, Theme Switcher, and Subscribe to Comments. 9. Update main theme to K2. Great one! [...]
November 23rd, 2005 at 5:38 pm
And again: How is it possible to change the order of the tabs? I don’t want them to be sorted alphabetically.
December 1st, 2005 at 6:35 pm
[...] 當新增一篇 Page 後，再用 wp_list_pages function 或者參考 WordPress Navigation Bar 的方去顯示該 Page 就可以了。 [...]
December 5th, 2005 at 5:52 pm
Hi Liew!
Thanks for this hack!
I gotta a question. The links in the navigation bar are sorted alphabetically. How can I change that? I tried to change in the header ‘title_id’ by ’sort_column=menu_order’ but it didn’t work. actually it worked but the alignement wasn’t right
December 6th, 2005 at 12:25 am
didier: so it works. about the alignment problem, please show us a screeshot of it.
December 6th, 2005 at 3:33 am
here you can see the problem
http://www.deiaco.com/~desfayes
please help me!
December 7th, 2005 at 7:38 am
[...] Zum Beispiel gibts bereits seit einigen Tagen tolle Menü-Tabs! YEAH! Darauf hat die Welt gewartet! Geklaut von liewcf.com. Sehr nett und einfach gelöst, nur validiert die Seite noch nicht 100% nach XHTML, weil das CSS der Tabs noch nicht da steht, wo es hingehört… [...]
December 16th, 2005 at 1:06 am
LcF I love the hack but something just aint working right…. I have some weird white bar just stikin out at u on top of the tabs and the mouseover dont work… :S
December 23rd, 2005 at 9:24 pm
[...] Link: http://www.liewcf.com/blog/archives/2005/05/wordpress-navigation-bar/ Posted: 2005-05-07 14:00:46 # [...]
December 23rd, 2005 at 10:46 pm
[...] [CSS] Wie krieg ich so eine Navigation hin? Ich mchte mir eine private Homepage mit Wordpress basteln. Bin darin nicht allzu bewandert, mchte aber eine Navi bauen wie sie in der angehngten Grafik ist. Es handelt sich hierbei um CSS. Wurden da irgendwie Grafiken verwendet oder kann man das komplett mit CSS realisieren? Hier ist z.B. ein Beispiel fr eine hnliche Navigation: http://www.liewcf.com/blog/archives…navigation-bar/ Knnte ich es damit hinbekommen? Fr Tipps wre ich dankbar… Angehngte Grafiken [...]
January 1st, 2006 at 12:14 am
Great Hack! Thank you very much for your work!
Greetings from Switzerland
benz
January 4th, 2006 at 2:02 am
If any of you have a working example of dynamic highlighting for a category list, could you please share it? I’m not understanding the right approach to use for categories. Thanks much.
January 17th, 2006 at 3:30 am
[...] 當新增一篇 Page 後，再用 wp_list_pages function 或者參考 WordPress Navigation Bar 的方去顯示該 Page 就可以了。 [...]
January 18th, 2006 at 5:09 pm
[...] 當新增一篇 Page 後，再用 wp_list_pages function 或者參考 WordPress Navigation Bar 的方去顯示該 Page 就可以了。 [...]
January 18th, 2006 at 9:31 pm
[...] ps:如果你想建立像我的Blog一样在顶部显示Page为菜单，请参考此文：WordPress Hack: WordPress Navigation Bar var tabPane1 = new WebFXTabPane( document.getElementById( “tab-pane-1″ ) ); [...]
January 25th, 2006 at 6:24 am
How can I style the font on this hack to an tag??
January 26th, 2006 at 1:26 am
oops I didn’t quote it > I wanna sttyle it with a “” tag
January 26th, 2006 at 1:27 am
jeezus it won’t display its a – header 2 tag … > h2
February 8th, 2006 at 4:02 pm
[...] 먼저 상단에 보시는 바와 같이 메뉴 바를 넣었습니다. 이 메뉴바는 이곳을 통해 알게 되었습니다. [...]
February 16th, 2006 at 1:36 am
good
February 16th, 2006 at 10:20 am
[...] This little menu at the top is a wordpress hack created by Liew Cheon Fong but low and behold like most hacks it didn’t do exactly what I wanted it to so I had to mod it myself. However it’s still a quality wordpress hack. [...]
February 18th, 2006 at 10:09 pm
i was wondering the same how to change the hack to a tag might just be me been a noob but cant get my head round it. any ideas?
March 2nd, 2006 at 1:49 am
[...] …schau mal hier: http://www.liewcf.com/blog/archives/…avigation-bar/ __________________ blogshop – News aus der Blogosphre. [...]
March 3rd, 2006 at 5:06 am
[...] sizi yle ynlendirelim yleyse [...]
March 5th, 2006 at 10:22 am
How can we list these pages by menu order?
Please help!
March 5th, 2006 at 11:03 am
@A.C.: I updated the entry for “sort pages by menu order” (FAQ).
March 17th, 2006 at 12:11 am
Hi liew i downloaded your hack; I’am totally blind to programming;
Could you tell me how to add links to the nav bar apart from my blog pages?
March 17th, 2006 at 1:44 am
No, the hack does not support custom URL
March 19th, 2006 at 6:52 pm
Hello Liew,
Is this hack works under Wordpress 2.0 ?
Thanks.
March 20th, 2006 at 12:50 pm
Is it just at my end but once the hack is installed all pages loose the sidebar background color on the default theme?
March 20th, 2006 at 1:43 pm
@oomoney: the hack should work under WordPress 2.0 too.
@Alex: this is weird. the code does not modify theme’s background.
March 20th, 2006 at 1:48 pm
hmm, i only changed the header image, if you look at my site: http://www.kentdome.com/wp/ notice the SIDEBAR has a gray background – now clicking any of the TOP NAV links will result in the page load but notice the sidebar is now WHITE, i have not changed any CSS. Additionaly even if one clicks on the SIDEBAR pages menu after the hack is installed the loaded pages sidebar background is white. Any ideas?
March 20th, 2006 at 1:59 pm
revert to default theme (the original unchanged theme) and apply the hack again?
March 20th, 2006 at 2:06 pm
no luck, redownloaded WP2 just in case, tried the original unchanged theme and reapplied the hack but same result, sidebar looses background color. Maybe this is by design ?
March 22nd, 2006 at 10:52 am
I am kinda over it but got it working now, using the new kubrik fixed theme, and cut some of the background images. But thanks for your work
March 28th, 2006 at 7:32 pm
Dear LcF,
can you give me a hint, why my content has shifted down some px after changing position of the navigation bar from “absolute” to “relative” ? It doesn’t look nice like that
many thanx
Livio, Zürich
March 29th, 2006 at 2:02 am
@Livio: you can adjust the top, left, margin values of #supernav to re-position the navigation bar. It is a matter of trial and error.
March 29th, 2006 at 4:56 pm
sorry LcF, you got me wrong:
The navigation bar sits at the right position. My Problem is, that the blog contents (means: below the bar) shifts down some px (about 8px) after changing to “relative” positioning
thats what I mean…so there is more space between the header and the content now…did you encounter such problems before?
Thanx Livio
April 4th, 2006 at 1:20 am
Here’s a workaround for all the people who want to put custom URLs in the navbar:
– Create a new page. Name it whatever you want the link text to be.
– Create a redirect on your server (for me there is a control panel option at my web host’s site to do this), so that any calls for the page you created are instead redirected to your chosen url.
April 10th, 2006 at 10:45 pm
Great little navbar – exactly what I was looking for. However I want the navbar page order to be different – is there a hack that will ensure it uses Wordpresses page numbering system?
Ive used this code hack in my Default template sidebar.php:
Pages&sort_column=menu_order’ ); ?>
which ensures my page list on the right follows my order (set in manage pages > edit > page order) – but I need the top nav to follow suit.
If anyone can help. thanks in advance
James
April 10th, 2006 at 11:37 pm
also how would I go about changing the font/size of the text in the tabs?
Thanks
J
April 11th, 2006 at 12:28 am
one final question – I notice that when this navigation bar is running that the grey panel on the right dissapears on all the static pages, and is only visiible on the blog homepage. Is this a known issue?
April 25th, 2006 at 1:27 pm
For people using the default (kubrick) header I use -20px and “relative” and it seems to work fine for me (www.pudweb.com). i.e.
#supernav {
font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
position: relative;
top: -20px;
left: 50%;
width: 720px;
margin: 0 0 0 -360px;
padding: 5px 16px; /* duplicate the tab size */
text-align: left;
display: block;
}
I have also tweaked the PHP highlighting code so that it works (a little better) with the WPG2 (Wordpress Gallery2) plugin by changing header.php
<div>
<ul id="supernav">
<li class="<?php if (( (is_home() ) && !(is_paged()) && !(strstr($_SERVER['PHP_SELF'], ' wp-gallery2.php'))) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>">blog</a></li>
<?php wp_list_pages('sort_column=menu_order&title_li='); ?>
</ul>
</div>
May 26th, 2006 at 8:07 pm
Any chance to get this running with subpages enabled? Using depth=1 will totally f*ck up the menu…
June 13th, 2006 at 3:13 pm
It was awesome, a big thanks for you!!!
After nights of constraction, its work perfectly now…
Again, Thanks for your contributions!
July 28th, 2006 at 5:36 am
This is a awesome hack.
I tried it but I wanted it shifted to the right instead of the left but it’s not working correctly.
I know nothing about .php. Would someone help me with this?
http://www.thepodcastreview.com/
July 28th, 2006 at 6:53 am
It’s gotten worse.
It looks fine now in Firefox on my Mac but it is way off in Internet Explorer on Windows.
And, for some reason, I now have a a line through my blog title in Firefox but not in Internet Explorer.
I’m freaking out!
July 28th, 2006 at 7:00 am
UPDATE:
Ok, it looks fine now in Firefox on my Mac but it’s still screwed up in IE on Windows.
HELP!
July 28th, 2006 at 7:23 am
UPDATE again:
it’s not browser specific nor OS specific, it’s resolution specific.
I am view the site on different computer with different resolutions, it’s not standard.
Is there a way to fix this so that it is standard no matter what resolution you view it?
August 18th, 2006 at 6:59 am
Hi Liew, I’m using your plugin and it works great. Im trying to incorporate a wordpress store plugin, but when i do it creates extra pages in the header. Now, i realize that is the problem of the other plugin not yours, but is there a way to make pages that do not display in the nav bar. i think that would help things out a bit.
September 6th, 2006 at 5:52 pm
[...] Added a more efficient way to navigate my blog by use of Liew Cheon Fong’s ‘SuperNav-bar’. [...]
September 8th, 2006 at 6:42 am
Liew! Your code rocks as usual. Simple, purposeful! Thanks! B
September 9th, 2006 at 8:53 pm
Liew, actually you can put an url in your navbar yourself. Pick one you like and code like this:
">/wordpress/wp-content/plugins/falbum/wp/album.php">photosYou see? Easy like cake…
Liew can you help me with something else about the navbar? It looks like the ‘hack’ bit in the CSS shoves my theme a bit around. I see a 2 pixel high white stripe at the bottom of the footer. Why I wonder?
December 18th, 2006 at 12:44 am
Martin,
If you change the ‘2px’ below to ‘0px’, that white stripe will no longer show up. I had the same issue on my site.
#hack {
background: white;
height: 2px;
January 13th, 2007 at 10:01 pm
[...] The menu at the top of the page is on permanent loan from the excellent LiewCF - the raw code for the navigation bar can be found in this post here. It displays better in Firefox than in IE, but I think that this can be said of a lot of the webpages produced today. I still adamantly refuse to switch. [...]
February 17th, 2007 at 9:57 pm
[...] 當新增一篇 Page 後，再用 wp_list_pages function 或者參考 WordPress Navigation Bar 的方去顯示該 Page 就可以了。 [...]
May 19th, 2007 at 6:03 am
[...] Page 後，再用 wp_list_pages function 或者參考 WordPress Navigation Bar 的方去顯示該 Page [...]
February 17th, 2008 at 3:37 pm
Hi it simple but great tutorial. thanks.
June 19th, 2008 at 9:16 am
I always mess things up when I try to hack my wordpress. I’ll give this a try…thanks a lot for the tute
August 30th, 2008 at 2:23 pm
[...] 为Wordpress默认的Kubrick主题添加导航菜单 [...]