Shortcodes

Each shortcode comes with a variety of parameters that let you show and hide empty tabs or tags, set the smallest and largest font size, open tabs by clicking or hovering with the mouse pointer, you can prepend a character or have your own separator, you can customize the tooltip and add further queries to the link, and much more.

Using these parameters and possibly some custom CSS, your tag cloud can even get rid of all tabs and just show the tags of one group.

Some key points need to be highlighted:

  1. If you select more than one taxonomy, then all the terms of the various categories will be mixed into one cloud.
  2. If you don’t use “post_tag” as your tag group taxonomy then you have to tell the shortcode which taxonomy it has to show. (For example taxonomy=”product_tag”1 if you use WooCommerce product tags.)
  3. If you need to list tag groups in parameters, use the IDs that you find on the Tag Groups page (where you create and edit groups).

Parameters

The parameters are listed in the documentation of the premium plugin, since these features are shared. The descriptions also apply to the respective Gutenberg blocks.

  1. for the tabbed tag cloud
  2. for the accordion tag cloud
  3. for the alphabetical tag cloud
  4. for tag groups info

Too Complicated?

If you don’t want to mess around with shortcodes and parameters, you can also get the same results with Gutenberg, which is the default WordPress editor since version 5.0. All tag cloud shortcodes exist as Gutenberg blocks and you can simply configure them through a user interface.

TGB - Gutenberg Post Edit screen
Example of the Accordion Tag Cloud as Gutenberg block. The options are available in the “Inspector” in the right side bar.

Demos

Examples of tag clouds are available here.

Show 1 footnote
  1. If you copy & paste code, you will have to fix the quotes in your editor.

How do you rate this article?