How to Add a Post to a Page in WordPress Using Classic Themes and Gutenberg

How to Add a Post to a Page in WordPress Using Classic Themes and Gutenberg

When you publish a new blog post on your WordPress website, it will automatically appear on the homepage. If you want to keep your homepage as is and create a dedicated blog page, you have come to the right place.

In this WordPress tutorial, we will learn how to add blog posts to pages in WordPress with a classic theme and the Gutenberg editor. We’ll also show you how to add posts to the footer or sidebar area using a widget.

How to Add Blog Posts to a Page in Classic Themes

If you’re using a classic WordPress theme, follow these steps to add posts to a specific page:

Suggested Reading

Before we go any further, make sure you know the difference between a WordPress page and a post.

1. Create New Pages

To add posts to pages in WordPress, your website needs at least two pages – one as a static homepage and another as a blog page.

Luckily, adding a page in WordPress is easy:

  1. Log in to your WordPress dashboard.
  2. Navigate to Pages on the left menu and click Add New.
  3. Enter Homepage as the page title and edit the URL accordingly.
The Site Editor in WordPress showing the process of creating a homepage
  1. Personalize the homepage to your preferences.
  2. Once everything looks good, hit the Publish button.

Suggested Reading

Want to transform your homepage into a high-converting landing page? Learn the process of creating a landing page in WordPress.

Repeat the same process to create a blog and other necessary pages.

Leave the blog page empty, as it will automatically fetch and display blog posts once you’ve configured the settings.

2. Change the WordPress Settings

By default, your latest posts will be shown on the homepage instead of any other page. To move them to the blog page, follow these settings:

  1. Go to Settings Reading and set your homepage to a static page.
  2. Next to Homepage and Posts page, select the preferred pages from the drop-down menus.
The Reading Settings section in WordPress highlighting the Homepage and Posts page drop-down menus
  1. Next to Blog pages show at most, choose how many posts you want to display on each page.
  2. Click Save Changes.

Pro Tip

Don’t pick the same page for the Homepage and Posts page options to prevent errors.

3. Add the Pages to the Menu

Next, add your custom homepage and blog page to the navigation menu:

  1. Access Appearance Menus.
  2. Under Add menu items, tick the Select All box.
  3. Click Add to Menu.
  4. Make sure to save the changes.
The Add menu items section in WordPress highlighting the Pages tab

Once everything is set, all the posts should automatically appear on the blog page. If you haven’t published any articles yet, follow these steps to add a new post in WordPress:

  1. Navigate to Posts Add New.
  2. Once the post editing screen appears, write the post title and content.
  3. Click Publish.

You can view and edit all the published blog posts in the Posts section.

The Posts section in WordPress showing a list of published posts

If you want to save time writing post content and searching for relevant images, try our WordPress Business hosting plan.

Both packages come pre-installed with WordPress AI tools, allowing you to instantly generate multiple blog posts and featured images.

a Hostinger review from Trustpilot

How to Add Blog Posts to a Page Using Gutenberg

For block themes, use the Gutenberg site editor to customize your homepage and create a dedicated section for posts.

1. Customize the Homepage

Some block themes have a Query Loop block added to their homepage template by default. The WordPress Query Loop is a block for displaying posts in a specific order.

The block will show your latest posts on the front page when using an existing Query Loop block pattern. However, you can also choose Start Blank to manually customize the layout and block structure.

To keep the homepage of your WordPress site static, you have to remove the Query Loop block. Here’s how:

  1. Open the WordPress Site Editor by going to Appearance Editor.
  2. Select all Query Loop block elements.
  3. Open the Options menu on the block toolbar by clicking the three-dot icon.
The Options icon when selecting the Query Loop block
  1. Press Delete to remove the Query Loop block.
The Delete option to remove the Query Loop block
  1. Hit the Save button at the top right.

Pro Tip

Make sure you have selected the right block by checking the Settings section on the right sidebar. Under the Block tab, it should say “Query Loop” at the top.

2. Create a New Page and Add the Query Loop Block

Once done, create a new blog page and add posts using the Query Loop block:

  1. Head to Pages Add New.
  2. Hit the Add block (+) button to insert a new block.
  3. Enter Query Loop in the search bar and click it.
The Query Loop search result when adding a new block

To add blog posts quickly, click Choose and pick one of the available patterns.

On the other hand, selecting Start Blank gives you more flexibility in customizing the block. With this option, you will find several content variations to choose from:

  • Title and post-date
  • Title and excerpt
  • Title, date, and excerpt
  • Featured image, date, and title

After choosing a layout, navigate to the right-side menu. Under Block, you can perform several tasks, such as:

  • Select a WordPress blog post type – Post, Page, or Product.
  • Arrange the posts’ order.
  • Include, exclude, or only show sticky posts.

3. Add the Page to the Navigation Menu

After creating a custom menu, you must access the Site Editor by clicking Appearance Editor. From the left menu, access Patterns Template PartsHeader.

The header layout will be different from one theme to another. Some themes also come with a pre-determined page list that may include a blog page.

If your theme builder doesn’t have one, here’s how to add a page to the navigation menu:

  1. Select the navigation menu block.
  2. Click the Add block (+) icon.
  3. Choose your blog page and make sure the URL is correct.
Then Blog Page search result when adding a page to the navigation menu
  1. Save the changes.

This method also lets you add other pages to the navigation menu, including About and Contact Us.

How to Add Blog Posts to a Page Using Widget

Another method of adding a WordPress post list to static pages is using a widget. This approach lets you showcase blog posts in the footer or sidebar widget area as part of the page content.

The following sections will explain the complete steps using classic and block themes.

Classic Themes

If your theme uses the classic editor, add a widget to the footer or sidebar directly from the WordPress dashboard:

  1. Navigate to Appearance Widgets.
  2. Look for the Latest Posts widget in the search bar.
  3. Drag and drop it into your preferred area.
The Widgets section in WordPress
  1. Customize the widget settings, including the number of posts to display and the post order.
  2. Save the changes.

Block Themes

Block themes usually come with template parts for different sections of your website, such as the header, footer, or sidebar.

Therefore, if you’re using a block theme, the process is slightly different:

  1. Go to Appearance Editor to open the block editor.
  2. On the left menu, select Patterns and find the template part where you want to display your blog posts, such as the footer.
  3. Click the Add block (+) icon and search for the Latest Posts block.
The Latest Posts block in the footer
  1. Customize the block settings from the right sidebar – adjust the number of posts and manage each post’s content, author, date, and featured image.
  2. Save your changes.

Why Do You Need a Separate Page to Display Blog Posts?

Instead of displaying your blog posts on the homepage, adding posts to another page offers several benefits:

  • Enhanced user experience. Displaying all blog posts on the homepage can clutter the layout and overwhelm visitors, potentially leading them to miss valuable content. A separate blog page helps visitors access your content more easily.
  • Better focus on the homepage. Use the homepage to showcase your products or services, highlight your key selling points, and encourage visitors to take specific actions. Those include making a purchase and signing up for a newsletter.
  • Customization flexibility. By separating your home and blog pages in WordPress, you can personalize each page’s design and elements to your liking.
  • Search engine optimization. Customizing the blog page’s meta title, description, and URL structure specifically for blog-related keywords can improve its ranking on search engines.


The default setting of WordPress is to display posts on the homepage. However, many websites prefer to have a separate page for their posts. Fortunately, there are multiple ways of creating a blog page in WordPress.

If your WordPress website uses a classic theme, setting up a static homepage and a separate posts page might be ideal. Meanwhile, the Gutenberg block editor is great for more modern, block-based themes, allowing dynamic layout designs.

Another option is to use widgets to add posts to sidebars or footers, enhancing navigation and accessibility.

Understanding your site’s theme and specific needs will guide you to the most suitable method. We hope this article has helped you in adding posts to specific pages. If you have further questions, don’t hesitate to comment below.

How to Add Posts to a Page in WordPress FAQ

This section will answer the most common questions on how to add posts to a page in WordPress.

How Do I Show Posts on the Homepage in WordPress?

Log in to your WordPress dashboard and go to Settings Reading. Next to Your homepage displays, select Your latest posts. Customize your homepage using widgets or a page builder to make it more attractive.

Why Don’t My Posts Show Up on the WordPress Blog Page?

If your posts aren’t showing up on the blog page, it’s likely due to incorrect settings. Head to Reading, and make sure you’ve set the correct dedicated page as your Posts page. Also, check whether the posts are published and not in draft or private mode. Verify your theme’s template files, and make sure they support displaying posts.

What Is the Difference Between a Post and a Page in WordPress?

A page is a section on your website like About Us, Contact, and Home. Meanwhile, a post is a piece of content you add to these sections. Posts are frequently published and updated, while pages usually tend to be static.

The author

Brian Fajar Mauladhika

Brian is a Content Writer who knows the ins and outs of digital marketing and eCommerce. Driven by passion and a dose of caffeine, he constantly looks for better ways to tell complex stories in a simple manner. Follow him on LinkedIn.