Table Tag Cloud – Gutenberg Block

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

Available Blocks

  • Table Tag Cloud

Block Options

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

Tags and Terms

Included taxonomies

Restrict the tags only to these taxonomies (“tag types”). Available are only taxonomies that have been activated in the Tag Groups Settings.

Smallest font size

Font-size in pt of the smallest tags.

Largest font size

Font-size in pt of the largest tags.

Amount of tags per group

Maximum amount of tags in one cloud (per group). Pull the slider to zero to show an unlimited number.

Order tags by

Which field to use for sorting the tags.

Note on using “Natural Sorting”: Since WordPress doesn’t natively offer natural sort order, we have to first order them by name and then by natural sort order. If you limit the number of tags with amount, the amount of tags is therefore determined by cutting off with “name” sorting and then sorting them with “natural”.

A custom sort order is available with a 3rd-party plugin.

Sort order

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

Hide unused tags

Whether to hide or show tags that are not used by any post.

Minimum post count for tags to appear

Set a minimum count of published posts that use a tag for this tag to appear. Posts are counted across all groups.

Seperator

A separator between the tags.

Adjust separator size to following tag

Whether to adjust the separator’s size to the size of the following tag.

Separator size

The size of the separator, if not automatically adjusted to the size of the following tag.

Prepend

Prepend to each tag name. Can obtain the placeholder {count} that will be replaced with the post count for that tag. Please note that {count} is the total number – not per selected group.

Append

Append to each tag label. Can obtain the placeholder {count} that will be replaced with the post count for that tag. Please note that {count} is the total number – not per selected group.

Show the post count in the tooltip

Whether to show the number of posts as tooltip (behind the tag description) when hovering the mouse over the tag. Please note that the value is the total number – not per selected group.

If you enter a custom title, this option will be unavailable.

Custom title

Custom title shown as tooltip. No HTML, but you can use {count} and {description} as placeholders. Please note that {count} is the total number – not per selected group.

Set the “target” attribute for the links of the tags. Possible values are:

  • _blank: open in a new tab/window
  • _self: open in the same frame
  • _parent: open in the parent frame
  • _top: open in the full tab/window of this frame

In the shortcode you can also set the name of a frame.

Add filter to tags for multiple groups

When you use the premium plugin, additional query parameters in the links make sure that we can distinguish between the same tag that is used in different groups. If the resulting posts are not complete, try troubleshooting.

Append something to each tag’s link, for example a query.

Use tags of the following post

Display only tags that are assigned to the post (or page) with a specified ID. If you need this option, you mostly want to “use this post”. The menu offers also some recent posts by title.

Groups

Include groups

Tag groups that will be considered in the tag cloud. In the short code you use the IDs, which you find in the left column in the list of groups. Empty or not used means that all tag groups will be used.

Use groups of the following post

Display only groups of which at least one assigned tag is also assigned to the selectd post (or page). Matching groups will be added to the list specified by Include groups.

Label on tab for not assigned tags

The name used in the tab of not-assigned tags, if you include the group for not-assigned tags.

Advanced Styling

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

Responsive breakpoint

Width of the viewport (window) when the table should switch into responsive mode.

table_id

Define an ID for the enclosing <table>. Avoid identifiers that are used by WordPress such as “content” or “main”. Each ID must be unique for the entire page.

table_class

Define a class for the enclosing <table> element. Here you can apply some themes.

th_class

Define a class for the <th> elements.

td_class

Define a class for the <td> elements.

How do you rate this article?