How to Create a Custom Home Page and a Separate Page for Blog Posts in WordPress

By default, WordPress shows your most recent blog posts on the front page of your site. WordPress comes with built-in support for creating a splash page as the front page(static front page), and a separate page for blog posts.

From your admin panel go to Setttings » Reading. Scroll down to Front page displays option. But before going there, you need to create 2 new pages.

WordPress Custom Home Page and a Separate Blog Page

  • Step1: Create templates(optional)
    Create different templates for home page and blog post page. Refer this article >> How to use different design/template for different pages in WordPress
  • Step2: Add New Pages – Create a Front Page

    • From your admin left menu, go to Pages >> Add New.
    • Enter title “Home”.
    • Add content you would like to see within the content area of the static front page, or leave it blank if it is a Dynamic front page.
    • Select the Template(home page) in the Page Attributes panel box.
    • Publish the Page.
  • Step3: Add New Pages – Create a Blog Page

    • From your admin left menu, go to Pages >> Add New.
    • Enter title “Blog”.
    • Leave content blank .
    • Select the Template (default template) in the Page Attributes panel box.
    • Publish the Page.
  • Step4: Set up Front page and post page displays

    • Go to Administration > Settings > Reading panel.
    • In the drop down menu for Front Page select “Home.”
    • In the drop down menu for Posts page select “Blog” .
    • Save changes.

How to use different design/template for different pages in WordPress

Do you want to have different design / appearance for different pages in WordPress? In this article, we will show you how to create and use a custom template for a page in WordPress.

From your wordpress admin, while creating a page you can see a template drop down menu under ‘Page Attributes’ section. Clicking on it will allow you to select the template for that page.
But first you need to create a custom page template and put it under your theme’s directory.

Creating a Custom Page template in WordPress

By default WordPress utilizes a template file called page.php to control the appearance of your pages. You will find it in /wp-content/themes/ directory. Now you need to add a custom page template here. The easiest way to get started is by creating a duplicate of existing page template (ie. page.php) provided by your theme. Rename your file like page-home.php, page-contact.php etc. Now start editing your custom page template file. You can make changes in their layout and appearance. This requires a basic understanding of HTML, CSS, and PHP. Once you are done customizing, upload it back to your theme folder using FTP.