Add Latest Posts Block in Gutenberg WordPress Editor

The WordPress block editor (Gutenberg) has included block for displays the most recent posts. It allows you to display your latest blog posts in a list or grid view. You can easily add this to the posts, pages, or the custom post type. Note that, it will only display the recent default post type not the custom one.

You can use this block by simply edit the post and add the “Latest Posts” to the content area you desire.

Latest Posts Block - How to Use

By default this block only shows the post titles, but you can easily customize it. For example, at the “Post content settings” on the right-hand pane, you can toggle the “Post content” on. This will add the post content or the excerpt after the post title.

You can also customize excerpt length which defaults to 55 words and change it to the number of words you desire between 10 and 100 words.

Latest Posts Block - Post content settings

If you want to display the post date, at the “Post meta settings”, you can toggle “Display post date” on. It displays the post date after the title and before the post content if enabled.

Latest Posts Block - Post meta settings

You can display featured images for your posts, just toggle “Display featured image” at the “Featured Image settings”. It will display the featured image before the title. You can set the image size or set custom dimensions to display. You can also change the image alignment.

Latest Posts Block - Featured image settings

You can also choose exactly how your latest post block will display. You can order them from the default “Newest to oldest” and set it to display only the latest posts from a specific category.

By default, it shows only 5 posts, but you can choose how many posts to display between 1 and 100 posts.

Latest Posts Block - Sorting and filtering

The latest posts block toolbar has alignment options and view mode switchers. If you like a column grid rather than a list, you can switch the view mode to list or grid view. And if you have selected the grid view, you also get an option to adjust the grid columns.

Latest Posts Block - Grid view

Here’s how the finished latest posts block looks like on the website. Some element maybe different in visual because style applied by used theme.

Latest Posts Block – Result on website with modified Astra theme

Leave a Comment

Your email address will not be published. Required fields are marked *