Post List – Gutenberg Block

This is a feature of the premium plugin.

The following options appear in the editor side panel after you selected a block.

Restrict the tags only to these taxonomies. Available are only taxonomies that have been activated in the Settings.

How the tags should be logically connected. Possible values are “IN” (At least one tag matches.), “AND” (All tags match.) and “IN AND” (At least one tag from each group matches).

Restrict the posts to those having tags in these groups.

How many posts appear under the filter. Use -1 to show all.

Please note that high numbers of posts may impact the performance.

If the pager is enabled then visitors can load the next or previous page.

Time in minutes that results remain in the cache on the server.

Which field to use for sorting.

Whether to sort the posts in ascending or descending order. Ascending order also means from oldest to newest.

Whether to display a line that shows the total amount of posts. This message appears only if the number is greater than zero.

HTML code that contains some placeholders. Leave empty to use the default template. You can edit it also in the settings.

The default template shows every post with a thumbnail – see below. Possible placeholders are: {post_id}, {post_title}, {post_guid} (link to the post, {post_excerpt} (automatically generated), {post_date}, {post_author}, {image_src} or {image_src|100×100} (followed by the dimensions – will create also width and height attributes), {image_alt}, {post_category}. Make sure that single or double quotes appear only once as initial and final delimiters, while the other type of quotes can be used inside the template code.

Example for an image tag:

<img src=”{image_src|100×150}” alt=”{image_alt}” class=”tg-entry-image” />

Default template:

<header class="tg-entry-header">
<img src="{image_src|100x100}" alt="{image_alt}" class="tg-entry-image" />
<h3 class="tg-entry-title"><a href="{post_guid}" rel="bookmark">{post_title}</a></h3>
Posted on {post_date} by {post_author}.
<p>{post_category}</p></header>
<div class="tg-entry-content"><p>{post_excerpt}</p></div>

Many more options are available in the shortcode. You can transform the block to a shortcode to keep the settings.

Message to show if no posts were found.

Label of the link to load more posts, if the pager is active.

Label of the link to go back, if the pager is active.

Message if one post was found, if “Display the total amount of posts” is active.

Message if many posts were found, if “Display the total amount of posts” is active. May contain the placeholder {count}

You can set here classes to be referred to in CSS. You need some knowledge of CSS to use these options.

Define a class for the <div>.

Define a class for the enclosing <article>.