How to change the blog page layout in WordPress

By default, WordPress displays your blog posts on the homepage of your site. However, if you are building an association or business networking site, you probably want to customize your home page and display your blog posts on a separate page.

In this article, we will show you how to easily create a separate page for blog or news posts and how to create your own blog page layout in WordPress.

How to create a blog page in WordPress

A WordPress blog (or news) page is a single page that displays multiple blog posts

Blog (or news) posts can be useful for sharing organization news, member news, community issues, awards & recognition, etc. Having a blog page creates a central location where site visitors can easily catch up on all the latest happenings.

Before you create a blog page, you will first need to create some individual blog (or news) posts. 
Go to Posts >> Add New to get started.

Notice that every time you create a new blog post, a unique URL is created.

After you have published your post, you can click on the URL to view your post. You can also copy/paste this link (URL) to share your post, for example to your social media page. Clicking on this link will take the viewer directly to this specific blog post.

Once you have 3-4 blog posts created, you are ready to create a WordPress blog page.

  • First create a new page – go to Pages >> Add New
  • Give your page a title, like ‘news’ for example.
  • Next assign the posts page in the customizer.

Most WordPress themes on the market today include a blog page layout that you can use to display all or some of your blog posts. To use the blog page provided by your theme, go to your customizer to assign your new page as the posts page. Go to Customizer >> Home Page Settings. 

How-to-set-blog-page-layout-in-Wordpress-customizer

You now have a single page that will display excerpts of multiple blog posts. Clicking on a post from your blog page, will open the individual URL to the post that we discussed earlier, so that your viewer can read the full post. 

Don’t forget to add your blog / news page to your site’s menu so you can access it from the front end of your website.

Blog Page Layout in WordPress

WordPress themes usually include at least one blog page layout. Once you have assigned your news page to be the page where your posts are displayed, go to the front-end of your site to view your news page. The layout of this page is determined by the theme that is currently activated. For example…

Blog-page-layout-in-WordPress-example

Theme: Kadence (external link)

WordPress-blog-page-layout-example-Chamber-Beautiful-theme

Theme: Chamber Beautiful (external link)

If you are using the Chamber Beautiful (external link) or Chamber Inspired (external link) theme, visit your customizer to choose between two blog page layouts.

Set number of WordPress posts per page

You can set the number of posts that show on your news page from your WordPress settings page. This can be handy if you have a lot of posts, but do not want to overwhelm your visitors.
Go to Settings >> Reading to update this.

WordPress-set-number-of-blog-posts-per-page

NOTE: That it is possible for your theme or your post plugin to override this WordPress setting. If you are not seeing what you expected, check your documentation for additional details.

Blog page layout examples

Using free plugins to create your own blog page layout

If you prefer not to use the theme’s blog page layout, you can create your own blog page layout using any number of Gutenberg block plugins.

First you will need to create another news page or UNassign your news page in the customizer (scroll up for screenshot). This will allow you to edit your news page.  

Next you will need to install a post block plugin from your plugins page.  Go to Plugins >> Add New and do a search for ‘post block’.

There are several free Gutenberg block plugins that you can use to create your blog page layout in WordPress. Visit your plugins page or theWordPress Plugin Repo and do a search for ‘gutenberg post block’ to find one that works for you.

Once you have a post block plugin installed, edit your news page and add a post block to this page. Once you have the block added to your page, tweak the block settings until your blog page looks the way you want it to. To make it even easier for your members to find the topics they are interested in…try creating a separate page for each of your blog categories.

Learn more about working with Gutenberg blocks (external link)

Here are a couple of our favorite layouts and the post block plugins we used to create them: 

Post Gallery Slider by Coblocks

Post Block Plugin: Coblocks block plugin (external link)

3-Column Post Grid by Coblocks

WordPress-blog-page-layout-example-5-1

Post Block Plugin: Coblocks block plugin (external link)

Post Grid by Ultimate Addons

Post Block Plugin: Ultimate Addons for Gutenberg (external link)

Post Grid Layout-4 by Gutenberg Post Blocks

WordPress-blog-page-layout-example-Chamber-Beautiful-theme-7

Post Block Plugin: Ultimate Post (external link) 

For a more robust news feed, let your members submit news posts to your site, find out how…