Post List – Gutenberg Block

This is a feature of the premium plugin. Tag Groups Premium

Block Options

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

Tags and Terms

Include taxonomy

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

Logical operator

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).

Groups

Include groups

Restrict the posts to those having tags in these groups.

Posts

Posts per page

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

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

Use a pager

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

Caching time

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

Order posts by

Which field to use for sorting.

Sort order

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

Display the total amount of posts

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

Post template

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>

more options to filter posts

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

Labels and Messages

Message if nothing was found

Message to show if no posts were found.

Link to load more posts

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

Link to load previous posts

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

Message for one post in total

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

Message for {count} posts in total

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

Advanced Styling

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

div class

Define a class for the <div>.

article class

Define a class for the enclosing <article>.

How do you rate this article?