WordPress 2.6+ - How to Display Home Page in the Navigation Bar?

Article written by Jeeremie

Today, Glen Wilson left a comment on my site:

“Hey, using your website [Night Transition - Free WordPress Theme] - Love it! Your a genius so forgive me for my lack of genius, but I can t find out how to make a home button in the nav panel work properly ?”

Well, Don t worry Glen. I am not a genius either. It took me a while to figure it out and almost none of the people using my free WordPress themes knows how to display a link to the home page in the navigation bar.

So let me explain you. For the sake of this tutorial, we will consider that your front page is your posts page which is the default configuration in WordPress.

1- Write: Create a New Page

First, you must log into WordPress and create a new page. Fill “Blog” in title and leave the content blank. If you want your page to appear first in your navigation bar, scroll down to “Page Order” and change the default value to a smaller number (-9 for example).

2- Settings: Front Page Displays

Now, go to Settings and select Reading. Scroll down to “Front Page Displays” and check “A Static Page”. In the “Posts Page” drop down list, select your blog page. (Don t select anything as the “front page” unless your front page is not your posts page).

Your blog page should now appear in your navigation bar. Leave a comment if you have any question.

The Author

Article written by Jeeremie:

Hi, My Name is Jeremie Tisseau. I am a French UI/UX Designer, Event Organizer and Web Entrepreneur based in Bangkok, Thailand, since January 2009. I design beautiful and functional web and mobile apps for early stage startups.

Want to become a guest author on this blog?

100 + 1 FREE photo/image galleries (AJAX, Flash, PHP)

Submit your stories and get thousands of visitors

Next/Previous Post Top ↑ ↓ Form

14 Comments

Glen Wilson says:

18 Nov, 2008

Cool. thanks for the info. this is certainly the easy way to do it… i eventually found the hard way of doing it - by borrowing a line from your template page:

home

and pasting it in the “header.php” under the MAIN NAVIGATION section… worked, but i like your way better

thanks again
-glen
don says:

21 Jan, 2009

thanks for the beginner tips!
Joachim says:

24 Mar, 2009

same to me! Thanks for the help for starters.

So long
Joachim
RoyalC says:

21 Apr, 2009

i do like this for me site

edit header.php and replace

[code]

<a href=”/”>Accueil

[/code]

that all
Jeremie Tisseau says:

22 Apr, 2009

Hi RoyalC. You can t use the [code] tags to copy code in WordPress. Use <pre lang=”html4strict”>your code here</pre> instead
Cadiut says:

27 Apr, 2009

. , .
Water ionizer says:

13 Aug, 2009

Hi,

Thanks for the information,just found this post my technorati news feed section! I was searching for this since past 3 months and i am glad to see it here. Thanking you much

Martin
Mark Rathbun says:

27 Mar, 2010

Great Article
Vlad says:

29 Jan, 2011

thanks a lot, that was very helpful )
shyam gudadhe says:

12 Feb, 2011

tan q for this post.
Vicki Ables says:

10 Nov, 2011

Thank you!!!!! I could NOT figure this out. Found your site, up in two seconds. Vicki
Glenn says:

15 Dec, 2011

Thankyou, Awesome Tutorial that someone directed me to, I forget who. Have referred to it twice now.
Glenn
Jan Ross says:

22 Dec, 2011

Jeremie, Thanks Tons!!! I am such a WordPress novice that each step has to first be researched. Your instructions were perfect - took me a few minutes. Now …. to change the appearance of my blog, ie. move headings, sub titles, reduce size of text, whew.
Jan
Alkaline Water Ionizer says:

23 Mar, 2012

I love the beginner articles, especially when you are just starting out and the easiest things are sometimes the most difficult.