Posts List Block

Short url: https://ewp.guide/go/be/posts-list-block

The Posts List Block allows you to insert a list of your most recent posts. Selecting this block will actually insert a pre-customised version of the Query Loop Block into your content which is why it shows “Query Loop” in the Settings Sidebar. Although you can add this block into your normal Page or Post content, it will be more useful once you can edit your Theme’s templates.

When the Posts List Block is first inserted, you’re prompted to choose from one of the pre-made patterns or start blank.

Posts List Block

If you choose to start with a pre-made pattern, clicking the Choose button will show a popup window where you can select the layout pattern to use for displaying your content. The Carousel view (Query Loop Block Carousel View) and Grid view (Query Loop Block Grid View) icons that appear at the bottom of the popup window change how the various layout patterns appear within the popup itself, and have no effect on how your content will be displayed within the browser for your particular theme. The (default) Carousel view allows you to scroll through the available block layout patterns using the Previous pattern (Query Loop Block Carousel View Previous Pattern) and Next pattern (Query Loop Block Carousel View Next Pattern) arrow icons. The Grid view will show all the patterns at once, in a grid layout, which you can then scroll through with your mouse.

After selecting how you want your content to be displayed, click the Choose button at the bottom of the popup if you’re using the Carousel view, or simply click your desired layout pattern if using the Grid view. Performing either of these actions will confirm how you want your content to display, and will then insert the appropriate blocks into your content. You will then also have access to further options on the Block Toolbar and in the Settings Sidebar.

Posts List Block

You can also click the Start blank button after first inserting the Posts List Block. You will then be shown a selection of layout variations to choose from. Simply select one by clicking the appropriate icon.

Posts List Block

Once you’ve confirmed the layout to use for the Posts List Block, you can use the Display settings (Query Loop Block Display Settings) icon on the Block Toolbar and all the options in the Settings Sidebar to adjust the WordPress Query that is executed to retrieve your posts. You can control the number of posts to display per page, and select the Post type (e.g. display Posts, Pages, or even Products if you’re using WooCommerce). You can also choose the order to display your posts (e.g. newest first, oldest first, alphabetical), and also add filters such as Categories, Tags, Author or Keywords.

It’s important to note that the Posts List Block (and likewise, the Query Loop Block) will insert multiple blocks within the main Query Loop Block. Before you’re able to adjust all the settings for your Query Loop, you’ll need to select the outermost Query Loop Block. Selecting this block will show all the query settings in the Block Toolbar and the Settings Sidebar. If you’re finding it difficult to select the Query Loop Block, try selecting the Block by using the Block Breadcrumbs that appear at the bottom of the page. The Breadcrumbs will appear whenever you have a Block selected, and will list all the parent blocks for the currently selected Block. You can also use the List View icon (Block Editor Toolbar - List View) in the toolbar at the very top of the editor, to help you select the exact block you want.

Posts List Block