Search
  • Demo Site
  • Test Our Software Here
Search Menu

Examples of the Tabbed Tag Groups Cloud

Description

This shortcode displays your tags in tag clouds where each group has its own tab. These tag clouds use jQuery UI’s theme “blitzer”.

Options

See all parameters.

 

Mouseover Effect

Tabs open by hovering the mouse pointer of them.

Code

[tag_groups_cloud order=DESC orderby=count hide_empty_tabs=1 mouseover=1]

Output

 

Show Only One Group (ID 1), With Tags in Random Order

If you include more than one group, the tag clouds will be displayed next to each other. If you want to combine several groups, you will need this tag cloud (premium plugin). The border can be hidden with custom CSS.

Code

[tag_groups_cloud div_id=tag_group2 orderby=random hide_empty_tabs=1 include=1 show_tabs=0]

Output

 

Collapsible, With Custom Title

The “collapsible” parameter allows you to close all tag clouds (toggle open/close).

Code

[tag_groups_cloud div_id=tag_group3 collapsible=1 custom_title="Number of posts: {count}."]

Output

 

Custom Styling

The following example uses “append” with the placeholder {count} and a custom styling.1

Code

[tag_groups_cloud div_class="tag-groups-theme-green" append="{count}" custom_title="We have {count} posts for this tag."]

Output

 

  1. Custom styling is for advanced users and requires knowledge of CSS.
Please find more information about Tag Groups on the plugin main page.
Share
Updated: 2018-07-19T08:16:10+00:00