During the initial steps you have created some tag groups and assigned some or all tags to these groups. Let’s now display them in a tag cloud that shows the tags sorted by these groups.
The free plugin comes with three types of tag clouds:
1. Tabbed Tag Cloud
Each group has its own tab and which the tags belonging to this group appear.
2. Accordion Tag Cloud
Each group can be opened and closed vertically.
3. Alphabetical Tag Cloud
Tags are sorted under tabs with their first letters. This tag cloud doesn’t use any of the groups that you have created in the backend.
Shortcode or Gutenberg Block
You have two options to create these tag clouds in a post or page: by shortcode or by Gutenberg block.
Shortcodes1 also work in HTML (or text) widgets in sidebars but their configuration can be difficult. You need to search the parameters that you need from a list and find the right values.
Read more about how to use the shortcodes.
If you have Gutenberg installed, you can insert blocks and configure them directly in the inspector (the sidebar). That way you don’t need to use any codes or parameters. Gutenberg, however, doesn’t work yet with widgets.
Read more about how to use the block.
Hard-Coding Into Themes
Of course, you can also hard-code the output of shortcodes into a WordPress theme. If you do so, it is recommended to create a child theme first. Otherwise your edits will be overwritten next time you update that theme.
Read more about rendering shortcodes in PHP on the WordPress documentation.
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.
- for the Tabbed Tag Cloud
- for the Accordion Tag Cloud
- for the Alphabetical Tag Cloud
- for the Tag Groups Info (read what it is)
Theming and Styling
You can choose from some default designs in the Tag Groups Settings, or you create your own theme. See Creating Your Own Theme. That procedure is for advanced users who have access to the file system of the WordPress site.
If you need your tag clouds to match your theme’s colors and design, you might have to consult the creator of your theme. Adjusting the styling is beyond the capacities of this plugin.