How to use Gutenberg Blocks

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

Gutenberg blocks are the most convenient way to insert a tag cloud, the Dynamic Post Filter or the Post List. If you use a WordPress version before 5.0, you will need to install the Gutenberg editor separately.

On the post or page edit screen, click on the “plus in a circle” icon and search for the name, for example “tag cloud” or “dynamic post filter”.

How to configure a block

WordPress - Gutenberg - Tag Groups Premium block

After you inserted the block, select it by clicking once into it. You will notice that the right side bar (the “Inspector”) shows now the options of this block. If you click on the ?, you will see the help for the corresponding parameter of 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 first 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.

How do you rate this article?