WordPress Change “Home” Page

How to set up a page in wordpress 3.0 theme Twenty Ten to be a “home” tab, index page, front page or welcome static page of your blog.

I have made a video how to set up a page to your own page of older version of wordpress by editing header.php or more simple by editing reading settings.

But today i will guide you through how to change wordpress 3.0 page order to display front page as your welcome page or whatever page you choose that your wordpress blog will not really looking like a blog.

There are people who want to use wordpress as CMS.

If you use Twenty Ten, you probably notice that the “Home” tab is always labeled as “Home” unless you do this following tutorial or renaming this home tab label to something else.

In wordpress 3.0 it is so much easier because we do not have to edit some files. Having a front home index page can be done by doing following steps:

1. Create a page which you want to show in the front page of your wordpress blog. Admin page/Pages/Add New. Type in the title of your page and the content, click “Publish”. In this example, i created a “Welcome” page that will be my front page whenever people land on my wordpress blog.

2. Next step is we create another new page, to display our posts. In this example, i created a “News” page. So i typed in again the title but do not type any contents, just leave it empty and then hit “Publish” button.

3. Refresh your blog, you should see your page tabs in your navigation bar.

4. Next step is we go back to Admin/Settings/Reading.

5. In “Reading Settings” page we want to click “A static page(select below)
Front page: set it to “Welcome”
Posts page: set it to “News”.
Click “Save Changes”

5. Refresh your blog and you will still have “Home” tab staying there like a glue. And we don’t want that of course.

6. Next step is go back to Admin dashboard/Appearance/Menus. We are going to create menu. If you have many menus already set, click the “+” sign.

7. Menu Name: in this example, i typed in, “my custom menu”. Click “create Menu” Button.

8. Next, take a look at “Primary Navigation” in the left side, make sure our new “my custom menu” is set.

9. Scroll down until you find “Pages” box. Here, you can choose which pages you want to display, in this example i want to display all pages, so i tick all, or click “select all” link, click “Add to Menu” button.

10. Now in the right bar, you will see your pages are added. Drag and drop wich page you want to display as index page home or static page in the tab, in this case, i dragged and dropped “welcome” page above, and it will be in the first list. Followed by dragging the “About” Page under the “Welcome”. After you are done, click “Save Menu”

11. Refresh your blog, our final pages tabs should be perfect and displayed index page as our static page or welcome page as our “Home” tab.

Enjoy wordpress 3.0 default theme, i love it :)

Video:

Comments

  1. Erin says

    I have searched online for hours & in WordPress to figure this out and you helped me in minutes! Well written! Well done!

  2. says

    Thanks for posting, I am curious about point the home page to a category view. (Instead of pointing to a page called home, I want to point to an archive view showing all posts under category X.)

    Do you have any thoughts on that?

    Thanks,
    Dom

    • says

      Hey Dom,

      It depends on your theme you want to use, with TwentyTen, it is easier. Just select the Category X and drag then drop it in a custom navigation, place Category X in the top so it will be on the front. More information adding categories pages in TwentyTen is here: http://www.blog.web6.org/add-categories-to-wordpress-navigation-bar/

      If you use another theme, this post: http://www.blog.web6.org/multiple-blog-posts-in-wordpress/ might help.

      Regards.

      • says

        Thanks for your speedy response Dina!

        I ended up copying the coping the code from the loop in my categories-portfolio.php file into my index.php file, and then added a line to only show posts with the category portfolio before the loop.

        Kind of messy, but it was a fix that will probably be unnoticeable by most users. Well, perhaps those users less adept with WordPress.

        I expect my portfolio to go live by Friday morning, feel free to take a look at it at the end of the week and send me any feedback, I know it will *always* be a work in progress. (^o^)

        Thanks again,
        Domanique

  3. Lillie says

    This was so easy to do, thank you! I changed the static page to one column, no sidebar as I do not want that showing on my Welcome Page. But, at the bottom of the page it still shows I am logged in and also shows the box to post comments. I only want the comment box to appear on my “Blog” page. Is that possible.

    • says

      Hello Lillie,

      I am happy you did it!

      i have checked your site, and to disable comment, it is easy, on the page where you have your welcome page, scroll down on “discussion” drop down menu, and untick “allow comments” option.

      The “you are logged in” notification will be gone as well, as it is a part of the comment template. Beside, you see it, because you are the admin which is logged in, none else can see it.

      Let me know if this helps.

      Regards,

      Kimi.

        • says

          I know what you meant LOL. There are some features of WordPress in dashboard that most people, including me won’t ever think how useful and simple they are :)

          Have a good night or day Lillie :)

  4. Lillie says

    Hi Kimi,

    As you know, I changed my home page to be a static page and created my other blank pages which I added to my custom menu. I have now added content to one of the pages and published it but when I go to view it, I get a 404 Not Found error. Any thoughts as to why the page is not showing up? Thanks again!

    Lillie

  5. says

    Hi Dina,

    I decided to post a fresh content to replace the current one in “HOME” page. I had organized and place the new content in “add new” in Admin/Pages/add new.
    I tried make several changes in the “menu” and “pages” widgets but not successful in my attempts.
    Appreciate your advice to guide me how to get the new content onto “home” page.
    Thanks,
    Andrew

  6. Stuart says

    Hi Kimi,

    Just a quick note to say “Thank you” for your great tips. I’m quite new to wp and have been trying unsuccessfully to change one page of my wp site to be my home page and have looked at so much other stuff for help. I just followed your tips and it worked perfectly first time. Thanks so much. You make online life so much easier.

    Cheers
    Stuart

    • says

      Hi Stuart!

      You’re most welcome, i am happy my post was useful to you.

      It is so nice when people apply my tips and works well :-)

      Thanks!

      Kimi.

  7. says

    Hi Kimi,

    Thanks a lot! your post was very useful.
    one correction, you don’t need to create the news page, you can just leave it empty on setting and do save.

    It works fine without it!

    Ofer

    • says

      Hi Ofer!

      Yes! we don’t need to create a page where the posts will be displayed, but displaying blogs posts is very important for SEO.

      Because search engines love fresh content more than static websites.

      Thanks!

  8. SS says

    Thank you so much for this post. I searched for long time on the web to find how to change the default name “Home” to something that I want. Your method works just fine. Thanks again.

  9. Kristina says

    Thank you! I battled with this problem for few hours, trying to figure out those teplate codes and stuff to fix the problem. And the solution was so easy :D as usual! Thanks!

  10. Igor says

    Thanks a lot, this helped me!

    I am a WordPress newb who wasted half an hour trying to figure it out on my own :(

  11. says

    Hmmm …. pretty cool. I have always wondered about static page, second option for Posts. I always left it blank as I had no idea what to add there.
    I am going to give these settings a try and see if that looks better than my current settings. Thanks!

  12. XTC says

    Not Quite…

    This tut did help me create a static front page called “Home” but it did not get rid of the dual entry “Home” – it is still there in the menu bar and also still there on the side panel.

    Also it places the second menu option “News” in the menu bar and also on the side menu which I do not want.

    WP V3.2.1

    ********************************************

    QUOTE Lillie,

    “…it is easy, on the page where you have your welcome page, scroll down on “discussion” drop down menu, and untick “allow comments” option.”

    ANSWER:

    There is no such option…. “Allow Comments” on my welcome page
    There is no such option…. “Allow Comments” in the “Discussion option”

    Any other similar options disables comments globally, not only on the front page.

    So no – thumbs down – this article is incomplete/incorrect

    • says

      Hi XTC,

      First of all, welcome to my blog.

      About the two Home tabs, it should not happen when it is done correctly. I have tried this tutorial even on Twenty Eleven the new theme, and it did work.

      About disabling comments or discussion globally, without adding some functions codes, you can do following:

      Go to “Settings” and then “Discussions” and then tick off the option which says, “Allow people to post comments on new articles

      I hope this helps and thanks for coming accross and leaving a message

      Kind regards,

      Kimi.

  13. says

    Hi. Thank you in advance for helping me out if you can. All I want to do is change the default “Home” on the front page to “home”…I just want them to be small capitals…I have managed to do it in css and the whole menu looks as I want it, but that one letter on the default “Home” doesn’t change. I need to change the actual html. Where do I do that? Here is the site http://garyahlskog.com/blog/
    Just look at the menu and you will see that one letter that needs to be changed..Thank you so much

    • says

      Hi Lara,

      I have checked the link of the site that you have in the comment, and noticed it uses Twenty Ten theme, but modified.

      Actually, when we use the un modified, theme, it would be easy, just add the “text-transform:lowercase” on the #access a of style.css

      Here is the screenshot of my Twenty Ten theme in localhost

      twenty ten menu

      But it seems the theme is modified, so the person can modify the whole HTML structure.

      Kimi.

      • Lara says

        Thank you for responding. I know it has been modified. I modified it. But I don’t know where to change that HTML code for the “home” word.

  14. Ronakyle says

    Thanks! this is very helpful. I am new to wordpress and I was feeling depress on how can i set a homepage then i found this article.

  15. Andree says

    Hi!

    This is working very well but for one small thing….

    I have set up several domains in the WordPress backend.

    I just recently pointed a new domain to a new subdirectory and while it is showing up the way it should in WordPress, the directory is either black or now has my front page index in it.

    Do I need to put a physical index.html file in the subdirectory or can I get WP to to do it?

    Thanks!

  16. Andree says

    Thanks Kimi!

    Let’s see – after configuring WordPress, I didn’t see what I wanted as the “home page”.

    I uploaded a file to be the homepage, but I would rather it be part of the Theme I have selected.

    Does this only work with Twenty Ten?

    Thanks!

    • says

      Hi Andree,

      Yes, it is possible with Twenty Ten, you don’t have to upload any files.

      In this tutorial, the page with “Welcome” is my homepage, you can have yours differently, and then set the welcome page to be your homepage.

      I hope this helps.

      Kimi

  17. says

    hi thanks for the posting
    I was looking really hard to try to remove “home” page on my website…
    This is great and solve my problem :)
    Thanks again

  18. Geko Niugini says

    Thank you so much! I’ve been trying to get rid of the Home tab on my blog page for ages and had read several help posts before coming across your step by step instructions. Yours was by the clearest and easiest to follow so again thank you!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">