How to Use The Tag Clouds With Gutenberg

Screenshot - Gutenberg Post Edit screen - WordPress
Screenshot - Gutenberg - add block - WordPress

Gutenberg blocks are the most convenient way to insert a tag cloud. If you use a WordPress version before 5.0, you will need to install the Gutenberg editor separately. Starting from 5.0, however, it is included in the default WordPress package.

On the post or page edit screen, click on the “plus in a circle” icon and search for “tag cloud”. After you inserted the block, select it by clicking once into it. You will notice that in the right side bar (the “Inspector”) you find now (almost) all options that are also available in the shortcode.

Gutenberg blocks and shortcodes render exactly the same. In the blocks, however, you can often select available options from a list, while for the shortcode you would have to look up IDs and slugs and compile them to lists.

Since these blocks are rendered dynamically on the frontend, depending on a huge amount of criteria, there is no live preview in the editor. You need to click the “Preview” button to see the output.

Transforming Blocks to Shortcodes

Screenshot - Gutenberg menu - transform into shortcode - WordPress

If you want to switch back from Gutenberg to the classic editor, you need to transform your Tag Groups blocks to shortcodes. You find this feature in the menu directly at the top left corner of the block.

Not yet in Widgets

Gutenberg blocks are not yet available for widget sidebars. We have to wait for WordPress to provide the environment.

Demos

Examples of tag clouds are available here.

How do you rate this article?

Previous

Tag Clouds