Tag Cloud

This page uses the Tag Groups plugin. This plugin is capable of displaying taxonomy terms in many creative ways. On this page, we have demos for the tag cloud feature.

  • You can use any taxonomy.
  • You can use either shortcodes or Gutenberg blocks.
  • You do not need to have tags organized into groups.
  • This feature is available in the Pro version of Tag Groups.
  • Click here for documentation on Tag Clouds.

Example #1: A Basic Tag Cloud

This demo below is created by a Gutenberg block in the Tag Cloud plugin. We chose the “Tags” taxonomy and are showing all terms that are linked to at least three posts.

1 hour 30 mins 2021 advanced Alps attendance course audio course baking beginners boiling Czech Republic dessert Dynamic Post Filter egg flour France garlic Germany grilling & frying intermediate Language Courses (Demo Content) Language Courses (Demo Content) main dish mountains Myanmar oil onion Paris pepper Photographs (Demo Content) Photographs (Demo Content) Recipes (Demo Content) Recipes (Demo Content) trees video chat

Example #2: Tag Cloud with Colors

This next demo has exactly the same basic settings as the demo above. However, we have added a green color scheme. We also added the # sign before the tags and the number of associated posts after the tags.

#1 hour(5) #30 mins(4) #2021(3) #advanced(3) #Alps(3) #attendance course(6) #audio course(3) #baking(6) #beginners(7) #boiling(4) #Czech Republic(3) #dessert(3) #Dynamic Post Filter(4) #egg(5) #flour(7) #France(6) #garlic(4) #Germany(4) #grilling & frying(4) #intermediate(4) #Language Courses (Demo Content)(8) #Language Courses (Demo Content)(8) #main dish(8) #mountains(4) #Myanmar(3) #oil(3) #onion(3) #Paris(3) #pepper(3) #Photographs (Demo Content)(11) #Photographs (Demo Content)(11) #Recipes (Demo Content)(12) #Recipes (Demo Content)(10) #trees(4) #video chat(3)

Example #3: Tag Cloud Sorted by Popularity

This third demo has exactly the same basic settings as the demo above. However, we have added a red color scheme and the tags are sorted by popularity. Also in this demo, we’re using the same font size for all the tags.

Recipes (Demo Content)12 posts Photographs (Demo Content)11 posts Photographs (Demo Content)11 posts Recipes (Demo Content)10 posts main dish8 posts Language Courses (Demo Content)8 posts Language Courses (Demo Content)8 posts flour7 posts beginners7 posts baking6 posts France6 posts attendance course6 posts egg5 posts 1 hour5 posts Dynamic Post Filter4 posts garlic4 posts Germany4 posts trees4 posts 30 mins4 posts intermediate4 posts mountains4 posts grilling & frying4 posts boiling4 posts pepper3 posts video chat3 posts oil3 posts audio course3 posts advanced3 posts 20213 posts onion3 posts Paris3 posts dessert3 posts Myanmar3 posts Alps3 posts Czech Republic3 posts

Example #4: WooCommerce Product Tag Cloud

This fourth demo is showing Product Tags from a WooCommerce store. The demo is using a blue color scheme and there is custom text after the tags.

Hats2 products Sunglasses1 products Caps1 products Belts1 products Short Sleeve1 products TShirts1 products Beanies1 products