Search
  • Demo Site
  • Test Our Software Here
Search Menu

Examples of the Tag Cloud in an Accordion

Description

This shortcode displays your tags in a vertical accordion, one tag cloud for each group.These tag clouds use jQuery UI’s theme “blitzer” with “mouseover” enabled.

Options

See all parameters.

 

Mouseover Effect, Heightstyle=Content

The segments (groups) open when you hover your mouse pointer over them.

Code

[tag_groups_accordion order=DESC orderby=count mouseover=1 heightstyle=content]

Output

 

Collapsible, Sorting by Name, Heightstyle=Auto

Groups can be all closed (toggle open/close).

Code

[tag_groups_accordion div_id=accordion2 orderby=name collapsible=1 heightstyle=auto]

Output

 

Sorting by Natural Order, Heightstyle=Fill

Natural order is particularly important for numbers. Read more about it in this post.

The heightstyle=fill setting fits the accordion into the parent element, while the segments for each cloud need to be scrolled if they are higher than the available space. This accordion is wrapped into a div element with height:280px so that you can see the effect.

Code

[tag_groups_accordion div_id=accordion2 orderby=name collapsible=1 heightstyle=auto]

Output

 
 

Please find more information about Tag Groups on the plugin main page.
Share
Updated: 2018-04-13T07:17:38+00:00