How to Display Recent Posts on Homepage in the Best way #1

How to Display Recent Posts on Homepage in the Best way #1 1

Home page is the soul of a website or a blog. Adding recent posts is a vital element to flourish a home page. If you are intended to create a lasting impression on the visitors of your site, you better make the home page attractive.

Now, if you are an amateur who doesn’t have any idea of coding what would you do to create a versatile home page with the recent posts? Maybe it would be a good idea to turn to our Gutenberg Post Blocks.

Let’s discuss what Gutenberg Post Blocks will do. It will give you some ready-made blocks. With the help of those blocks, you will be able to arrange all the recent posts on your home page by putting in the least effort. It will do half the work for you.

Recent Posts - Post List Blocks
Recent Posts

In this article, we will try to guide you step by step on how to use Gutenberg Post Blocks to add, arrange, and display recent posts on the home page of a blog or website in WordPress.

How to Reach to “Query”

First of all, you need to add the post list. We have 4 variations in the way of listing the recent posts. You can choose any according to your convenience.

Post list 1 is the classic way of listing the posts. If you prefer to put the big post on the top of the list, you can choose post list 2. Post list 3 will display the images on the left side of the home page. The last one is post list 4 which will show the big images on the top and the small ones at the bottom.

After choosing the post list your next step will be clicking on the settings sign. It will lead you to design. There you will see some pre-made layouts. Here one thing must be mentioned. In the pro version of our plugin, you will get 32+ pre-made layouts to design your page but in the free version, you will be getting only 11+.

Just beside the “design” section, you will find the “settings” panel. Clicking on it will take you to another set of options. There just beneath the general section, you will see “Query”.

Steps to Arrange the Recent Posts on the Home Page

The moment you click on “Query” a set of options will appear. This is Gutenberg’s pandora’s box that contains all the things you need in order to arrange your recent posts on your home page. All you have to do is following the steps below

How to Place Recent Posts with Quick Query

When you are clicking on a quick query a good number of options will appear. For example, sticky post, most comment, popular post, random post, oldest post, and latest post. Each of these has different functions.

As your concern is recent posts, you have to go for the latest post option. And by selecting it you can start arranging the recent posts on the home page.

However, only the pro version of our plugin has this “quick query” feature. With the free version of the Gutenberg Post Blocks this feature is not available. With that being said I will move on to how to display the recent posts with detailed customization.

Want to speed up website building workflow on Gutenberg editor? Know this Gutenberg editor keyboard shortcuts and build WordPress sites like a pro.

Step 1: Selection of Post Type

This step is easy. As you are intended to put the recent posts on your home page, among the other opinions you need to select “page”.

Step 2: Number of Post

How many posts you want to show on your home page is completely your decision. Considering the type of blog or website you are creating, you need to choose the number of posts. This option will allow you to put a maximum of 50 recent posts on the home page.

Step 3: How to Use the Option “Taxonomy”

We use taxonomy to categorize our posts. Amidst the diversity of contents, it will make the posts more specific. In taxonomy, you will see both tag and category. Now it’s up to you whether you want to sort the recent posts by tag or by category.

If you select category you will see some specified categories in the “category” widget. For example, entertainment, food, sports, and so on. You need to figure out the type of your post and according to that, you need to select the category. The same thing will happen if you choose tag.

Understanding the difference between tag and category is a crucial part here. Sports can be considered as a “category” but Cricket is a “tag”. In simple words, tag is more specific than category.

Step 4: Order of the Arrangement

While you are arranging the recent posts on the home page you might wonder how to set the order of the arrangement. If you click on “order by” you will get many options. Now it will be your call if you want to arrange the posts by title or by menu order or by date.

In the case of placing recent posts on the home page, you must choose “date” from the options. The latest posts will be displayed on the home page only if you arrange them by date.

Step 5: Order

You have two options here. Either you can put the recent posts in ascending order or you can put them in descending order. It is again up to your choice and convenience.

Step 6: How to Include or Exclude a Post

With this feature including or excluding a post is now easier than you thought. All you have to do is put the post id in the “include post” or “exclude post” widget.

If the recent posts that you want to include or exclude are more than one, you need to put a comma after putting a post id in order to keep them separated.

Step 7: Offset Post

First, you need to understand what an offset post is. Offset post simply refers to those posts you want to pass over. Suppose you want to displace a few posts from the beginning. In that case, you should use this option.

Imagine a situation when you are planning to display the recent posts on your home page after excluding the first 5 posts from the beginning. To do so you have to set the number 5 in the option that says “offset post”. The number range here is 0 to 50.


With our Gutenberg Post Blocks making a blog or website is everyone’s cup of tea. It doesn’t matter if you are a programmer or not. If you have the dream of creating something of your own, you should go for it. Coding is no more an obstacle as long as you have our plugins at your disposal.

Written byFaenah Shah

Faenah Shah is a passionate and experienced content creator. Her knowledge of SEO, art, and language enables her to create unique content. A constant learner who wants to help readers in every possible way she can.

One Comment “How to Display Recent Posts on Homepage in the Best way #1

Leave a Reply