Create a “Static Front Page” For Your Blog

Print Friendly

There are a few situations where bloggers don’t want their front page (‘Home’) to display their latest post and want a static page instead.

Educators occasionally use a static home page to provide background information to parents or students about the purpose of the blog. Their Home page normally contains content that rarely changes and latest posts are viewed by clicking on the link to the Posts page.

This isn’t necessarily your best option.

Refer to the following support pages to learn more:

  1. Differences between pages and posts
  2. Differences between tags and categories

Setting up a Static Front page

Creating a Static Front Page is as simple as:

1.  Go to Pages > Add New.

Add New Page

2. Give the page the title Home (or whatever title you like and add the content you want displayed on the front page of your blog.

Create new home page

3.  When you have finished writing click Publish.

Click Publish

3. Go to Page > Add New and publish a new page titled Posts.

You don’t need to add content to this page since this is the page that will display your latest posts.

Create Posts page

4. Go to Settings > Reading

Readings page

5. Select A Static page with the front page set to Home and Post Page to Posts and then click Save Changes.

Set the front page

The front page of your blog should contains the content that you published on your page title Home and your latest posts are viewed by clicking on the link to the Posts page.

Fixing up the links to your pages

Once you’ve set up your Static homepage you may need to:

  1. Add a link in your top navigation to display your new Post page.
  2. Remove an extra Home link from your top navigation (some themes you can end up with two Home links when you create a static Home page because the theme has been hard coded to display “Home” link even when there are no other pages on the blog).

The solution for both is to create a custom menu for your top navigation.

Example of a custom menu

Here is how you do it:

1.  Go to Appearance > Menu 

Custom menu

2.  Give your menu a name – ‘Main’ will work great!

3. Click on the ‘Create Menu

Create new menu

4.  Create a custom link for home by adding your blog URL, the name Home and click Add To Menu.

Create Home link

5.  Select the pages you want to add to your menu then click Add To Menu.

You don’t select the Home page because you use the custom link for the Home page.

Add the pages

6.  Now drag/drop the menu items to change their order in your menu.

Drag menu items

Here’s what my custom menu will look like in the main navigation area of my blog header.

Example of a custom menu

7.  Once you’ve finished changing the order click Save Menu.

Click Save menu

  • When you publish new pages they aren’t automatically added to  your custom menu.  You need to go to Appearance > Menu and add the new page to your menu.
  • Remember to click Save Menu any time you make changes to your menu!

8.  Now to display your main navigation in the header of your  blog you just need to select Main from under the Primary Navigation drop down menu and then click Save.

Theme location

Custom menus can be used for a wide range of purposes.  You can read more about working with custom menus here.

Edublogs Support Manager @suewaters on Twitter

Tagged with: , ,
Posted in Help, Posts & Pages