{"id":92178,"date":"2023-08-22T11:08:19","date_gmt":"2023-08-22T11:08:19","guid":{"rendered":"\/tutorials\/?p=92178"},"modified":"2026-03-10T09:28:11","modified_gmt":"2026-03-10T09:28:11","slug":"how-to-add-a-post-to-a-page-in-wordpress","status":"publish","type":"post","link":"\/ca\/tutorials\/how-to-add-a-post-to-a-page-in-wordpress\/","title":{"rendered":"How to Add a Post to a Page in WordPress Using Classic Themes and Gutenberg"},"content":{"rendered":"

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.<\/p>

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.<\/p>

\n\n\n\n<\/p>

How to Add Blog Posts to a Page in Classic Themes<\/h2>

If you’re using a classic WordPress theme, follow these steps to add posts to a specific page:<\/p>

\n
\n \n \n <\/svg>\n

\n Suggested Reading <\/p>\n <\/div>\n

Before we go any further, make sure you know the difference between a WordPress page and a post<\/a>.<\/p>\n <\/div>\n \n\n\n\n<\/p>

1. Create New Pages<\/h3>

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.<\/p>

Luckily, adding a page in WordPress is easy:<\/p>

    \n
  1. Log in to your WordPress dashboard<\/a>.<\/li>\n\n\n\n
  2. Navigate to Pages <\/strong>on the left menu and click Add New<\/strong>.<\/li>\n\n\n\n
  3. Enter Homepage <\/strong>as the page title and edit the URL accordingly.<\/li>\n<\/ol>
    \"The<\/a><\/figure><\/div>
      \n
    1. Personalize the homepage to your preferences.<\/li>\n\n\n\n
    2. Once everything looks good, hit the Publish <\/strong>button.<\/li>\n<\/ol>

      \n
      \n \n \n <\/svg>\n

      \n Suggested Reading <\/p>\n <\/div>\n

      Want to transform your homepage into a high-converting landing page? Learn the process of creating a landing page in WordPress<\/a>.<\/p>\n <\/div>\n \n\n\n\n<\/p>

      Repeat the same process to create a blog and other necessary pages.<\/p>

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

      2. Change the WordPress Settings<\/h3>

      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:<\/p>

        \n
      1. Go to Settings <\/strong>→ Reading<\/strong> and set your homepage to a static page.<\/li>\n\n\n\n
      2. Next to Homepage <\/strong>and Posts page<\/strong>, select the preferred pages from the drop-down menus.<\/li>\n<\/ol>
        \"The<\/a><\/figure><\/div>
          \n
        1. Next to Blog pages show at most<\/strong>, choose how many posts you want to display on each page.<\/li>\n\n\n\n
        2. Click Save Changes<\/strong>.<\/li>\n<\/ol>

          \n
          \n \n \n <\/svg>\n

          \n Pro Tip <\/p>\n <\/div>\n

          Don't pick the same page for the Homepage<\/strong> and Posts page<\/strong> options to prevent errors.<\/p>\n <\/div>\n \n\n\n\n<\/p>

          3. Add the Pages to the Menu<\/h3>

          Next, add your custom homepage and blog page to the navigation menu:<\/p>

            \n
          1. Access Appearance <\/strong>→ Menus<\/strong>.<\/li>\n\n\n\n
          2. Under Add menu items<\/strong>, tick the Select All<\/strong> box.<\/li>\n\n\n\n
          3. Click Add to Menu<\/strong>.<\/li>\n\n\n\n
          4. Make sure to save the changes.<\/li>\n<\/ol>
            \"The<\/a><\/figure><\/div>

            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<\/a>:<\/p>

              \n
            1. Navigate to Posts <\/strong>→ Add New<\/strong>.<\/li>\n\n\n\n
            2. Once the post editing screen appears, write the post title and content.<\/li>\n\n\n\n
            3. Click Publish<\/strong>.<\/li>\n<\/ol>

              You can view and edit all the published blog posts in the Posts <\/strong>section.<\/p>

              \"The<\/a><\/figure><\/div>

              If you want to save time writing post content and searching for relevant images, try our WordPress Business<\/a> hosting plan.<\/p>

              \"\"<\/a><\/figure>

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

              \"a<\/a><\/figure><\/div>

              How to Add Blog Posts to a Page Using Gutenberg<\/h2>

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

              1. Customize the Homepage<\/h3>

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

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

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

                \n
              1. Open the WordPress Site Editor by going to Appearance <\/strong>→ Editor<\/strong>.<\/li>\n\n\n\n
              2. Select all Query Loop block elements.<\/li>\n\n\n\n
              3. Open the Options <\/strong>menu on the block toolbar by clicking the three-dot<\/strong> icon.<\/li>\n<\/ol>
                \"The<\/a><\/figure><\/div>
                  \n
                1. Press Delete <\/strong>to remove the Query Loop block.<\/li>\n<\/ol>
                  \"The<\/a><\/figure><\/div>
                    \n
                  1. Hit the Save <\/strong>button at the top right.<\/li>\n<\/ol>

                    \n
                    \n \n \n <\/svg>\n

                    \n Pro Tip <\/p>\n <\/div>\n

                    Make sure you have selected the right block by checking the Settings<\/strong> section on the right sidebar. Under the Block<\/strong> tab, it should say \"Query Loop\" at the top.<\/p>\n <\/div>\n \n\n\n\n<\/p>

                    2. Create a New Page and Add the Query Loop Block<\/h3>

                    Once done, create a new blog page and add posts using the Query Loop block:<\/p>

                      \n
                    1. Head to Pages <\/strong>→ Add New<\/strong>.<\/li>\n\n\n\n
                    2. Hit the Add block (+) <\/strong>button to insert a new block.<\/li>\n\n\n\n
                    3. Enter Query Loop<\/strong> in the search bar and click it.<\/li>\n<\/ol>
                      \"The<\/a><\/figure><\/div>

                      To add blog posts quickly, click Choose <\/strong>and pick one of the available patterns.<\/p>

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