Create a custom front page

Creating a custom front page is also known to the WordPress community as creating a Static Front Page. You can read more detail on the WordPress website for Creating a Static Front Page.

When you first install WordPress, your front page is going to be the blog; the location where your post summaries will be published. A custom (or static) front page is when you move the blog to another location in your website so that you can create a custom front page.

The WordPress site layouts your options as four (4) models.

  1. Blog: This is the traditional front page format with posts featured in reverse chronological order.
  2. Static Front Page: This is a traditional static HTML site model with a fixed front page and content placed in Pages, rarely if ever using posts, categories, or tags.
  3. Static Front Page Plus Blog: This model features a static front page as an introduction or welcome plus a blog to manage posts. Pages may be used to provide timeless content such as Contact, About, etc.
  4. Dynamic Front Page: Sometimes called the integrated model, the dynamic site design features a static front page plus blog, however the front page is dynamic. It may feature a combination of static and blog content (Page and posts). The Twenty-Eleven WordPress Theme offers that feature as an example with their Showcase Page Template. It features the most recent post in full or excerpt followed by the next most recent posts as post titles. There is an option to add a slider for featured posts set as Sticky Posts above the first post, creating a dynamic mix of content on the front page.

Let’s Create Our Front Page

This will guide you through the setup of a custom front page by moving the blog to a different location in your website.

  1. Go to Pages >> Add New
  2. Title your page, for example: Home
  3. Add any content to your page in the editor
  4. If you want to use a page template, select the template from the “Page Attributes” metabox
    Page Attributes - Templates
  5. Click “Publish” or “Update

Now Create Your Blog Page

We’ve made our front page, now it’s time to create our blog page.

  1. Go to Pages >> Add New
  2. Title your page, for example: Blog
  3. Do not add any content to the editor and you do not select a page template.
  4. Click “Publish” or “Update

Set Your Pages

Now we need to go to the Admin settings to assign the pages we created for the front page and for our blog.

  1. Go to Settings >> Reading
    Front Page and Blog Setting
  2. In the drop down menu for Front Page select “Home.”
  3. In the drop down menu for Posts page select “Blog” or the name you created, or leave it blank if you will not feature posts on the site.
  4. Save changes.

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match