Shuffle Box

The Shuffle Box is a tag cloud where you can search tags by groups and by their names. Tags are filtered live after you clicked a button or while you type, and they re-arrange with a nifty animation.

This tag cloud can be inserted alternatively with a shortcode or a Gutenberg block. You can, however, use only one per page. Several parameters let you customize labels, included groups, sort order, amount of tags and much more.

In sidebar widgets you can currently use only the shortcode. Simply past it in a text widget.

The Shuffle Box is responsive and even adjusts dynamically when you change the size of the window.

Examples

The following screenshot shows a tag cloud that has been filtered by the group “Places”. We are using the parameter “append” to display the post count for each tag and we use the default theme.

Shuffle Box - tag cloud filter - WordPress

The text filter can be used together with a group filter, or applied to all tags in all displayed groups:

Shuffle Box - tag cloud text search - WordPress

The options allow you to use only the group filter, only the text filter, or both in combination.

Tags with multiple groups

By default, the link of the tags receives a parameter that filters the resulting posts by the tag group that is selected while you click. That way you see only posts that use this tag in that specific group.

If “all groups” is selected, the posts won’t be filtered by tag group.

You can turn this post filter off. Use the toggle switch in the Gutenberg block or in the shortcode the parameter

add_premium_filter=0

Please note that the placeholder {count} (used with “prepend”, “append” and “custom_title”) always shows the total number of posts for each tag – not per group.

 

Shortcode

The shortcode to produce a Shuffle Box is:

[tag_groups_shuffle_box]

You can find the list of parameters here.

 

Gutenberg Block

If your site has Gutenberg installed, you can change the options in the Inspector sidebar.

Shuffle Box - searchable tag cloud - Gutenberg - WordPress plugin

Demos

You find demos on this page.