Using a WordPress Page as Your Home Page


Welcome to WordPress Wednesday! Each week we’ll be answering as many of your questions about the blogging platform WordPress as possible. If you have questions you’d like answered that aren’t covered here, feel free to drop them in the comment form below. With that out of the way, let’s jump right in!

I’d like to use something other than my recent posts as my home page. Is that possible within WordPress?

Note: Updated to work for 3.0.0

It’s not only possible it’s relatively easy. The first step is to create a page to serve as your new home page. For the purpose of this example, we’ll call it “My New Home Page.”

  1. In your WP control panel, select the Pages tab.
  2. Click on Add New.
  3. Give the page a title, “My New Home Page.”
  4. Create the content for your home page just as you would a blog post.
  5. Click the Publish button.

While you’re still in the Write Page subpanel, create a second page:

  1. Title this one “Recent Posts” (or whatever you want to call the page that your recent posts will appear on).
  2. You don’t need to have any Page Content for this one.
  3. Click the Publish button.

Now you’re ready tell WP to use your new page as the home page:

  1. In the Settings panel on the left navigation select Reading.
  2. At the top of the Reading Options subpanel you’ll see:Default Reading Settings In WordPress
  3. To change the front page to your new home page, select “A static page” for Front page displays.
  4. Select “My New Home Page” from the Front page drop down menu.
  5. Finally, be sure to tell WP which page to use to display your recent posts. From the Posts page menu select the “Recent Posts” page you created earlier.Set Your Page As The Home Page For WordPress
  6. Click Save Changes.

View your site. “My New Home Page” should now be your home page.

Note: Any Page Content you have entered for the page you designate as your Posts Page will be overwritten by the listing of your recent posts.

See also the WordPress Codex page: Reading Options Subpanel

Modifying your Pages menu

If your theme is set to display a list of your pages, the list should now contain links to both My New Home Page and Recent Posts. In the case of the Blogging Experiment Theme, this causes a bit of a problem since our menu is designed to display a “Home” link along with the page links.

default bloggin experiment menu
Here’s the code from our old menubar.php theme file:

<div class=”TopMenu”><a name=”top” id=”top”></a><ul><li><a href=”<?php echo get_option(‘home’); ?>/”>Home </a></li><?php wp_list_pages(‘depth=1&sort_column=menu_order&title_li=’ . __(”) . ” ); ?></ul></div>

To remove the (now redundant) Home link, simply delete:

<li><a href=”<?php echo get_option(‘home’); ?>/”>Home </a></li>

There’s one more problem, right now our page links are in alphabetical order. Fortunately the sort_column parameter of the wp_list_pages function in our code is set to menu_order. That means we can adjust the menu order by editing the Page Order setting for our pages:

  1. Locate the page you want to change the Page Order setting for in the Manage>Pages subpanel and click Edit
  2. The Page Order setting is at the bottom of the right-hand column.
  3. If necessary click the + icon to expand the edit box and reveal the Page Order text box.
  4. Type a number into the Page Order text box. For our example we’ll order the pages:
    1. My New Home Page
    2. Recent Posts
    3. About

Pages with lower Page Order appear first in the menu. Pages with the same Page Order are sorted alphabetically. Our menu should now look like this:

New Blogging Experiment Menu
By default, newly created pages have a Page Order of zero which will put them at the front of your menu if you forget to change it.

For more about the wp_list_pages WordPress template tag, see http://codex.wordpress.org/wp_list_pages

If you have a question you’d like me to address or (better yet) if you have a WordPress tip, trick or tutorial you’d like to share let us know!

For The Best Looking WordPress Themes, We Recommend ElegantThemes:


Over 20 Premium Themes (and counting) For $20/yr. This Is Who WE Use!

Author: studioJMC

82 Comments to “Using a WordPress Page as Your Home Page”
  1. I’ve been working on a new website (not particularly a blog) and was about to do some research on using a static homepage. Well, you’ve done it for me. Thanks for the excellent tutorial on setting up my static page AND solving a couple of the challenges that occur (the menu tab issue). I’ve printed out this post and will use it as a guide.

  2. Excellent post. Look forward to seeing more of this series.

  3. Thanks for this. I too look forward to more. I was wondering how to change the menu after doing a static page. How do you get your photos to stop wrapping around the text in a theme?

  4. Thanks for posting this. WordPress is great. But it can be tricky sometimes. Most people have no idea how to have a “hybrid” blog/static site. It’s great that you are sharing the knowledge.

    Also, the PAGES thing can be even more tricky!

    Thanks!
    renee

  5. man where were you a few weeks ago when I painfully did this on my own

    thanks for the post. I look forward to wednesday’s now

  6. Great tutorial for us noobs :)

    -Mike

  7. 10 votes for you! this guide is really helping me up on my sites. I already had a headache just to set this WP. Thanks a lot!

  8. Why is it useful to keep or make WordPress as your homepage? Because I think a introductional page is the best way to keep or make as an homepage. Don’t you?

  9. I manage a content blog and knowing how to do this “trick” was SO useful for me. People entering my website now see a static table of contents rather than the usual reverse chronological post order that makes my website NOT useful.

    BTW, Ben, your blog rules. I hope I can compete with you someday.

  10. Thanks a lot for the trick, been weeks trying to figure out this. Cheers!

  11. Great article, thanks. I do have a small issue though. When using a Page to display recent posts (‘Recent Posts’ as you suggested) the Recent Posts page is not highlighted in the nav when you are on that page. My temporary static index Page (Static Index Page) highlights just fine, but no dice on Recent Posts. This highlighting is the default behavior for wp_list_pages, so I am wondering why this method breaks it.

    Thanks again for this article.

  12. Thanks so much for this tutorial. I had an idea of how to do this, but I always like to have a guide (if possible) whenever I try something new. Especially when I’m doing something for a job, which I was with this one. You explained it perfectly and it worked like a charm first try! THANKS AGAIN!

  13. Dude, You are the Mang!

    I had been searching everywhere for this function, downloading all kinds of plug-ins and it was right here the whole time!

    Thanks Again and I signed up for your RSS and look foward to more words of wisdom that save me time and energy.

  14. This duplicate ‘home’ on the menu bar had been a nasty issue for a 1.5 month old newbie like me. After searching 20 odd sites INCLUDING the wp site, you gave a clear and simple answer.

    Many Thanks.
    Pino
    http://www.LanSmith.com

  15. Do you have a similar tutorial on how to add a ‘drop down menu’ that displays sub pages off a main menu item? Like ‘Services Offered’ and under that, the list of services…

    Also, is there a way to manually sort the items appearing under ‘Pages’ widget on the sidebar?

    Thanks.

  16. Thanks for this tutorial. I`ve been looking on how to do this since a long time ago.

  17. Thanks a lot for your tutorial, already found the solution in editing my WP frontpage :) so easy…

  18. Thanks a lot for this article!
    I’m about to setup my very first homepage and have already installed wordpress on my server. Later on, I had some idea of building the whole homepage around wordpress. This article will help me a lot!

    Just one question, is it legal to build my whole homepage using an already known theme? I mean wordpress is open source, right? But is it legal to take a theme and modify it, to make my whole homepage look the same?

    Thanks,
    Christoffer

  19. My theme does not have a menubar.php file. It has a ‘main’ page call in the header. I have created a top menu using create a new page option.

    Q: Is there a way to hide the ‘main’ page menu item (currently my Home page)?

    Thanks for a fine and easily understood article.

  20. Thank you what a great post saved me some time for sure!

  21. Ethan…You’re most welcome. Be sure to come back soon!

  22. Hey Guys…The link above that referenced us for “How To Make A WordPress Page Your Homepage” has a LOT of good links to other WP tutorials that you’ll probably want to know about at one point or another. Definitely a good list to check out.

  23. Just in case someone finds this the same way I did (trying to sort out the home button repeating your post) – I made the page I wanted as a home page, and set it as so… then went into the page and set it to drafts… which removed it from my page… except aslong as I dont play with the settings about the home page it still shows there without being repeated.

  24. Thank you thank you thank you! I couldn’t figure out why it wasn’t letting me chose my home page as my “posts page” and was afraid I was going to have to go into c-panel and move it all around…

    I googled and found this post and you made it all so simple. THANK YOU!

  25. Is there a way of having the NEW HOMEPAGE editable through the Admin section. I have done a site for my client and they currently have a static homepage, but they will need to edit the content from time to time. Is there a work around that you could do a Custom Field or something. Sorry I’m new to WP.
    Cheers

  26. Johnny, I’m not sure I understand your question, but if you set a page to be your homepage within WordPress (a page that was created within WordPress) then you can most definitely modify that page from within the WordPress admin panel. If the page was not created within WordPress, and acts solely as a static html page, then no you wouldn’t be able to modify that from within the admin panel.

  27. I actually figured this out on my own in the teaching myself WP phase, but what I REALLY want to do is have my static homepage on a different template (if that’s the terminology; i.e. to have no sidebar appear JUST on that one page, and build out more graphic elements). Is there a way to do this, maybe with a plugin, without going into the source code too deeply? I’m an HTML/CSS whiz comfortable, just not too savvy in the php.

    Linked to my staging directory, rather than my current website.

  28. thank you so much! most excellent help

  29. Thank you so much for this. I’m working on a new blogging project and wanted to set a static home page. Like you mentioned, we can end up with two “home” pages, which I did.

    By you showing what I needed to remove from my template did the trick. Now I’m off to number my pages.

    Thanks again.

  30. Thanks a lot for the Tuts..! helped me a lot to get rid of the default theme HOME menu link.

  31. thanxs a lot
    its working

  32. Hi, this outlines exactly what I want to do, but I can’t find the menubar.php file. I looked in all the obvious places including my theme dir and even did a recursive search of my WP directories on my server and still couldn’t find anything. has this changed names recently?

  33. Thanks for this post, it helped a lot! But where do I find the Manage>Pages subpanel?

  34. Thank you very much for the explanation.

  35. Thank you for this info. It helped greatly.

    Sincerely,

    Rick

  36. Thanks it helped !!

  37. Thank you for this – it really helped me out – much appreciated

  38. I use WordPress as my homepage and it is a breeze to do so. The only thing that I have found is that you need to get the right theme in order to make things work nicely. However, that problem is easily solved by looking through this very blog and using the resources it contains to find just the theme that you need.

    Kind regards,

    John

  39. Simply excellent explanation. I’ll try these tips at my website.

  40. Excuse my ignorance, but I no idea where to fin the “menubar.php theme file” in order to delete the default Home page. Can anyone help me here step by step. Using a MacBook. Thanks!

  41. Thank you very much for the explanation.

  42. This is a great post, thanks! there is something I have been trying to achieve but with no success…is there a way to put on the main page a rotating post (let’s say ‘the best of this blog’) AND a static page so two posts instead of just one? on my site I have a featured lesson and a lesson menu, all on the same static page, and I am trying to make the ‘featured lesson’ rotate automatically (maybe when you refresh?)

  43. Many thanks for the awesome Post! This came in very handy.

  44. Its really great tutorial to understand how to use wordpress as a home page! But I think its not so easy to put this thing in action.

  45. Thanks for posting this. I think a static homepage looks more professional than just a blog page, I will try using these techniques to my blog soon.

  46. Laura Stenhouse says:

    Great posts here, im wondering if you can integrate wordpress pages into your own website as content pages possibly?

  47. man where were you a few weeks ago when I painfully did this on my own

    thanks for the post. I look forward to wednesday’s now

  48. Thanks for the great tips.

    For my next project I’ll follow your advice and create a static front page and a blog post page. Sometimes it’s better for a site not to look like a blog.

    Thanks again,
    J.

  49. Thanks for this great tutorial, I’m also using my WP as a front page to my forums

  50. Thanks for sharing a great thing, it helped me to make my page at home page. But what about the right side bar, that has been disable when i make the page static.

  51. Very good instructions. Thank you.

  52. Hi, is there a way to create a page that is a direct link to the homepage? I don’t need the homepage to be a static page, it’s ok to remain the default posts page. Is there a way to do this without any plugin like “Page Links To”?

    Thanks!

  53. Great tutorial that was very helpful as I am working on my first wordpress based website! Cheers!

  54. I was curious and been seeking. For SEO purposes. When you set a static page in wordpress, does this new page become the page that google indexes? meaning Is it better or worse to have a static page for SEO purposes, how does google see this static page? or is it better to keep the blog as your homepage?

  55. I can’t say whether it’s better or worse for SEO purposes, but if you do set a page within WP to be your homepage, then as soon as Google crawls/recrawls your site, your listing will be updated with the static page. I personally think a static page is better for the homepage than the “blog” page, but it depends on the nature of your site.

    Nice pictures by the way!

  56. Thanks for this tutorial.

  57. I purchased a domain name and hosting from Network Solutions, and previously ran my whole site off WordPress.com. I followed the simple instructions given to reinstall a new wordpress blog on the domain and export the articles, comments, etc., yet I cannot figure out how to move the new blog so that it’s on the domain rather than being on a separate site.

    Some support guides around the net say that you need to redirect your core directory and root directory and copy your index files. All stuff I simply cannot figure out how to do.

  58. I followed your steps above and it works. Problem is when I tried to set it to another or restore it back to default home, it can no longer change it.

    Any thoughts?

  59. Thanks – great tutorial.

    I’ve got a problem though… I’ve set a static home page and also have a posts page (blog).

    I’ve now got more than 10 entries in the blog so it’s paging.
    Clicking on the “Older Entries” link takes me to the older posts. However, clicking on the “Previous Entries” link to come back again takes me to the static home page!

    Any ideas?

  60. Me again!

    The reason my “Previous Entries” link wasn’t working, was because I’d forgotten to change the “Blog address (URL)” in the settings.

    Thanks for your help anyway.

  61. Omg!! thank you! awesome post!!

  62. Great Post !
    Thanks for the tutorial.

  63. Thanks for such an easy to follow simple explanation of how to do this.

    I do have another question – How can I change the code so that the homepage H1 tag isn’t what is displayed in the navigation menu?

    ie: The navigation menu says ‘Home’ but when you click on it, it goes to a page where the title is ‘Welcome’ (or something less naff, but hopefully you get my drift!) not ‘Home’

    Essentially I want it to function as a static site ie: the home button just takes you to a home page which doesn’t have a big “Home” as the title!

    Thanks for your help :)

  64. Exactly what I needed to know! Thanks for your excellent step-by-step outline!

  65. Great tutorial!!! Thanks for the help.

  66. I’ve followed your tutorial and it is setting my static page correctly, however this presents a new issue for my site; With the static page set I can’t use a calendar widget nor the link to the archives works. It just posts back to the static front page. Is that a problem with my theme or is it supposed to do that?

  67. Hi,

    I cant get the “homepage” in the wordpress admin, -in the pages menu.

    If i cant add content to it, it cant really be set as my static page??

    How do i fix this

    Thanks for your help

    Matt

  68. On my website http://www.rtakitchencabinets.com i’m using a static page as my homepage and trying to use the “All In One SEO” plugin. For some reason, it’s showing the content correctly but the All In One SEO pack won’t let me customize the METAS for that page. Do you have any idea why // experience with this?

  69. Quick question, I am using photosmash for my gallery. Is there any way to remove “add photo” from every page/post and limited only to the gallery.

  70. Thank you!!! You saved me!!!

  71. Excellent tutorial i was able to set a default custom page instantly after reading this article. Article like these are great and i think that’s why WordPress is so popular just because Authors like you are helping the user community in great deal.

    Thanks a Million.

  72. I am ‘sooo’ new to all this and spend hours fiddling around trying to figure things out rather than spending more time on the content, you have solved at least one of my many head scratching dilemma’s.

    THANX so very much

    I will be visiting this blog alot from now on…….

  73. Thanks for such an easy to follow simple explanation of how to do this.

  74. Great post…you helped me change the static page to the new posts everytime. Thanks a ton buddy :)

  75. Thanks, the advice to remove the line of code from the theme was really helpful.

  76. Sir, I have a question, If I use the static page as homepage on my business website then will it be optimized on search engines correctly.?? sir pls reply.

  77. Excellent! This is just what I was looking for. Thank you VERY much!

  78. really yummy…and very useful…thanks 4 posting!!!!!!!!!!!! ? lol

  79. At last it looks as though I have found someone who knows what they are doing.
    I am new to WordPress & have installed the very latest version.
    I want to have a static home page and set that up as per your recommendation. I then set up the post page as instructed. The post page appears on both the sidebar and on the top menu.
    When I place the cursor over that post page, it shows the correct URL http://www.overcomemarriageproblems.org/to-avoid-marriage-problems-you-must-avoid-communication-breakdown/, but when I click on the link I get a “error 404 URL not found on this server”
    How do I sort this out?

  80. Hello,

    in my Setting > Reading

    have no Static FrontPage Display option.
    so,i need to know where the WP put the static frontpage display setting in PhpMyadmin.

    If any one got WP Plugintosolve this problems.THANKS!!

Leave a Comment

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

2 Pingbacks

  1. March 2, 2008 at 01:43:25
    pingback: How to be a successful blogger » The Blogrepreneur | The Blogrepreneur - [...] Using a WordPress Page as your home page by Blogging Experiment [...]
  2. March 1, 2008 at 09:18:25
    pingback: Around the Net with Knup - 3/1/2008 | knupNET - [...] Use wordpress page as homepage [Blogging Experiment] [...]