November 17, 2008

All, Tutorials, WordPress

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?


  1. 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:


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

    thanks again

  2. don says:

    21 Jan, 2009

    thanks for the beginner tips!

  3. Joachim says:

    24 Mar, 2009

    same to me! Thanks for the help for starters.

    So long

  4. RoyalC says:

    21 Apr, 2009

    i do like this for me site

    edit header.php and replace


    <a href=”/”>Accueil


    that all :D

  5. 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

  6. Cadiut says:

    27 Apr, 2009

    . , .

  7. Water ionizer says:

    13 Aug, 2009


    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


  8. Mark Rathbun says:

    27 Mar, 2010

    Great Article :)

  9. Vlad says:

    29 Jan, 2011

    thanks a lot, that was very helpful )

  10. shyam gudadhe says:

    12 Feb, 2011

    tan q for this post.

  11. Vicki Ables says:

    10 Nov, 2011

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

  12. Glenn says:

    15 Dec, 2011

    Thankyou, Awesome Tutorial that someone directed me to, I forget who. Have referred to it twice now.

  13. 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.

  14. 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.

Leave a Reply

Sorry, comments are closed