WordPress by nature is a blogging tool made for creating easy blogs. However, over period of time the capabilities are extended to use the same blogging features for creating a static website. Most of the time neither blog nor static content site satisfies your need and the preferred option is to run a blog with limited static pages. When you run a WordPress blog, by default the home page is assigned to a blogroll page displaying the latest blog posts. Follow the below step by step instructions to create a static home page in WordPress.
Why Do You Need a Static Homepage?
Static homepage gives you the following advantages:
- Having a blogroll as your homepage may bore the readers and will not convey the purpose of your website.
- You can showcase featured sections and products on the homepage to increase the visibility.
- It is easy to share your website with others and social media when you have a static homepage.
Create Static Homepage in WordPress
Whatever the reason for you to have a static homepage, follow the below instructions.
Step 1 – Create a Home Page
The first step is to create a new page with the title as “Home” and add your page content. You can add content using Gutenberg block editor, Classic editor or any other page builder plugins. You can create this page like any other page on your site and later you can assign this page as your static homepage.
Step 2 – Create a Blog Page
Next create a page with the title “Blog” and DO NOT ADD any content. This will be your blogroll page displaying the latest blog post. By default, WordPress will not show any content you add inside the editor on the published blogroll page. However, it depends on your theme and some themes may show the content before the blog posts.
Step 3 – Assigning Static Front Page to WordPress Blog
Navigate to “Settings > Reading” option in your WordPress admin panel. Choose “A static page” option for front page displays and the select the pages as below:
- Font page – Home page
- Posts page – Blog page
Save your changes and view your site in browser. Home page will be added in the menu showing your front page content. If the menu order is not corrected or if you see two “Home” page in the menu go to the next step.
Step 4 – Assigning Home Page in Menu
Navigate to “Appearance > Menus” and check or create your menu. You will be seeing two “Home” pages in the selection and ensure to add only one “Home” page to your menu. Arrange the order by dragging the items up or down and save your changes.
Step 5 – Check Site in Browser
Now check your site in browser and the “Home” page will display your landing page content and the “Blog” page will display the latest blog posts.
Note: Set number of posts to be shown on the blog page under “Settings > Reading > Blog pages show at most”.