By default when you first install Wordpress and add your chosen theme you will have a Home Page that displays your most recent Blog Posts. This is dynamic and changes every time to display new posts as you add them.
You can control how many posts are shown by the changing the “Blog pages show at most” value in the Reading Settings in your Wordpress admin dashboard. In addition if you don’t want to show full posts you can add the More tag in each post from within the post editor (visual or html) to control how much of each post is displayed.
But what if you don’t want posts displayed on your home page.
What do you do?
How To Change Your Home Page In Wordpress!
Well fortunately this is quite simple to change from Wordpress admin, but may not be obvious until you try it out for yourself. You have the facility to set a different page that you create as the home page for your Wordpress site or blog.
In addition you can also set another page, which you also create, as the Blog page of your website, where all your blog posts will be displayed, just as they were originally on the home page.
So let’s get to it!
We are therefore going to do 3 or 4 things:
[1] Create a fixed Home Page to which you can add any content you want and which will always stay the same unless you change it. It has no blog posts on it. This is called a “Static Front Page” according to Wordpress and many others.
[2] Create a Blog Page where all your posts will be displayed as they previously like they were on the home page.
[3] Make the New Home Page the real home or front page and move the posts to the Blog page
[4] Remove the old Home page from the Menu Bar if it is still there (theme dependant!)
Introduction To The Reading Settings
By default the settings you get in READING are as follows below and this configuration will display your latest posts on your home page or front page, and in this case it will be 10 of them.
Your home page on your Wordpress blog or website therefore might look like this with all your recent posts listed with the latest at the top of the page:
Here’s the full details of what you need to do to change things:
[1] How To Create A Static Wordpress Home Page
In order to create a differnet home page you first have to Add A New Page and call it something relevant for now such as New Home or Home2, so as not to get it confused with the original home page.
If you view this New Home page on your site it might look like this:
Notice that in this case we now have the New Home page as well as the old Homepage in the menu bar. This double home page scenario is a feature of the theme being used and is a common problem. The old home page entry needs to be removed form the menu bar and we’ll get to that later…
First we need to create the blog page to display all your posts. It needs no content as this will be provided by the blog posts:
[2] How To Create a Blog Page in Wordpress That Is Not The Home Page
Once again creat a new page, but this time call it Blog or whatever you want for the page that will display your blog posts (eg Posts, Recent News, Articles etc).
This page when displayed on your site at this point will look like this (no blog posts yet!)
[3] How To Make The New Home Page into The Real Homepage and Add Posts To The Blog Page
To get this done is really easy and just requires you to change the READING Settings to make both of these things happen:
Simply change the checkbox for “Front page displays” from your latest posts to “A Static Page“.
Change the “Front page” in the drop-down list of pages to New Home (or whatever you have called you new home page).
Change the “Post page” in the drop-down list of pagesnext to it to Blog (or whatever you have named the new page you created for your blog posts).
Click on the SAVE CHANGES button and you are done (well almost!)…
If you then go to your Wordpress site by just entering the website address into the URL box of your web browser then your site shoudl display the new Home page with any content you may have added to it:
Notice that in this case we still have the old Homepage in the menu bar and we need to get rid of this, but the New Home page now comes up as the front page of your site.
[4] Fixing The Double Home Page Problem In Wordpress
Depending on the Wordpress theme you are using you may find that you now have 2 Home Pages!!
This is not good, obviously and the old homepage needds to be removed from the menu bar.
Unfortunately this can only be done by editing the code in one of the files that make up the theme you are using. Fortunately this is very easy to do from within your Wordpress admin area.
Just click on APPEARANCE and then EDITOR. On the right hand side of the window you will see a list of Theme Files and you should click on Header (header.php) as this file is where the code for the Menu Bar will be.
The header.php file will then be displayed in the editor window and you can edit the code there directly. Scroll down a little until you find the text that is the name of the old home page, which in our case was Homepage. If you can see it easily then use the Find function (usually under Edit) in your browser to locate it. Normally it will be in a line of code on its own.
When you find it the line of code it is in needs to be removed. You could just delete the line, but I prefer to comment out the line instead, just in case I need to put it back in the future. You can do this by putting the characters <! – ( 2 dashes!) and some spaces in front of the line to be editted out and some spaces and then – > ( 2 dashes again!) after the same line of code. This makes that line a comment instead of code so that it won’t be executed, but just ignored.
This is the line of code I commented out in the editor above:
When this is done click on UPDATE FILE to save your changes.
The old Homepage should now have been removed from your menu bar.
If you have any problems doing this just let me know and I can help you out!
You can now change the name of the New Home page to anything you like and in this case I simply changed it to Home:
Also if you now look at the Blog Page you will see that it has all the blog posts on it just as the old Homepage used to:
And that is it – you are done!
You have just fixed one of the most confusing issues with Wordpress and a major weakness in most themes – that of a fixed front page or differnet home page from the deafult provided.
Once again if you have any questions just leave a comment or contact me.
I am new to wordpress. I have been looking for this home page fix for many days. Thanks so much for your tutorial here. I still have one more question, don’t know if can help. How to remove(or hide) date, author, no comments, tags on my home page? I want to put a photo on my home page and obviously I don’t need to show those information above and under my photo. Also these will show on my other pages like about me, photo gallery and contact me. I think I have to modify the index.php file for home page, but I can’t find other files related to my other pages.
Well, I get it. All I have to do is to modify the page.php file. This is the template for all new pages those created in Admin panel. After removed unnecessary functions in the file, the pages look tidy. The new home page in this tutorial also become a new page. So, the original home page is gone and nothing have to do with the index.php file until I switch to a new template. Anyway thanks for the inspiration!
Hi Peter – I really need to see your home page and know which theme you are using to be able to help you – if you make another comment and leave details I will have a look – or you can use the contact form if you want to keep these details private – Dave