Guides/Create content/Pages and posts/Create a separate page for blog posts

Create a separate page for blog posts

When you activate a theme, your site may already display your blog posts on the homepage or another page. However, you may prefer to build a new blog page from scratch. This guide will show you how.

Video tutorial

Method 1: Use a ready-made layout

The quickest method to create your own blog page is to choose from one of our beautiful and professionally designed pre-made templates. These pre-made templates are designed to display the blog posts you publish automatically. You can follow these steps:

  1. Visit your dashboard.
  2. Go to Pages → Add New to create a new page.
  3. Click the + block inserter and select the Patterns tab.
  4. Browse the selection of block patterns in the Blog Posts category.
  5. Click the layout you want to apply to your page. The layout you select will automatically populate with any blog posts you have already published on your site.
  6. Make any desired changes to the layout using the WordPress editor.
  7. Click Publish to make your page publicly accessible.
  8. Add your new blog page to your site’s menu.

Now, any time you publish a new blog post, it will automatically appear on the blog page you created.

The Patterns, with the Blog Posts category selected, showing different layouts of blog posts.

Method 2: Use the Blog Posts block

If you don’t wish to use one of the pre-made layouts as described in the previous section, you can start with a blank page and display your posts on it using the Blog Posts block. Here’s how:

  1. Visit your dashboard.
  2. Go to Pages → Add New to create a new page.
  3. If prompted, select starter content, or click the “X” in the top-right to start with a blank page.
  4. Add the Blog Posts block to display your posts on the page. Adjust the block’s settings as desired:
    • Choose from a list or grid layout.
    • Choose to include or exclude images, excerpts, dates, and more information.
    • Display posts with specific categories, tags, or authors.
  5. Add any other content, like text and images, to your page using the WordPress editor.
  6. Click Publish to make your page publicly accessible.
  7. Add your new blog page to your site’s menu.
A Blog Posts block added to the Editor, displaying a list of recent blog posts.

Method 3: Create a custom layout

Using the WordPress editor, you can create the exact layout you want for your Blog page. Here, we’ll show you how to create a custom layout like this:

an example custom Blog page that shows a posts carousel, recent blog posts, and sidebar links to subscribe, latest posts, and post categories.

You don’t have to use this exact layout for your blog. However, this example may help you get comfortable with the different options to think about when designing your blog page.

In the above example, we’ve used a Content Carousel block for a visually appealing header. In the central area is a Blog Posts block. We’ve used a Columns block to create a sidebar for a Subscribe block, Latest Posts block, and a Categories block.

To create this layout, follow these steps:

  1. Visit your dashboard.
  2. Go to Pages → Add New to create a new page.
  3. If prompted, select starter content, or click the “X” in the top-right to start with a blank page.
  4. Add the Content Carousel block and use the options in the block sidebar to select specific posts to display. Set the Content Carousel block to full width using the toolbar option:
the Posts Carousel block in the Block Editor with highlights on the block width settings in the toolbar and the Display settings in the block sidebar.
  1. Below the Content Carousel block, add a two-column block and select the option where the second column is narrow:
the Columns block with the highlight around the 70/30 alignment column option.
  1. In the narrow column:

💡

There are many useful customization options for each block. Be sure to check them out in the block’s settings and toolbar.

  1. In the wide column, add the Blog Posts block, and select the Grid display option:
the Blog Posts block with a highlight around the Grid option in the Toolbar.
  1. Click Publish to make your page publicly accessible.
  2. Add your new blog page to your site’s menu.

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!