Tag Groups (Tag Cloud Plus plan) – Demo Page

Groups are displayed in tabs. Under each group you find a tag cloud of tags that belong to this group. We use a custom tooltip (hover the mouse over a tag), prepend a "#", open links in new tabs and add "track=example" to every link. Tags are sorted in a custom order and we selected the theme "tag-groups-theme-green".

Groups are stacked vertically. In this demo we use only a selection of four groups and tags are sorted by post count. In this demo, panels open on "mouseover" (hovering the pointer over the panel) and links open in a new tab. Between tags we use a separator.

This tag cloud uses custom styling and a custom title (tooltip). We also append the number of posts to each tag.

 

Meal Type	Ingredients	Preparation	Preparation Time	Origin
breakfast and brunch2 starter1 cold meal1 main dish9 salad1 side dish1 dessert3	toast1 garlic5 apple cider vinegar1 baking powder1 beef1 bread crumbs1 cacao powder1 cheese2 chicken2 cilantro1 coconut oil1 cornstarch1 cumin1 duck1 egg5 fish2 fish sauce2 flour7 ginger1 honey1 jam1 lemon1 lentils1 lime1 mushrooms1 noodles2 oil4 onion4 oregano1 pea1 pepper4 pepperoni1 pork2 rice1 rice vinegar2 sesame oil1 rice wine1 sherry1 soy sauce1 sucanat1 sugar2 Teriyaki sauce1 tomato3 vanilla1 wine1	baking6 boiling5 cold meal2 grilling & frying4	5 min1 15 min3 30 mins4 1 hour6 3+ hours2	Austria2 Czech Republic2 Denmark1 France2 Germany2 India1 Italy2 Japan3 Korea1 Myanmar1 Netherlands1 Slovakia1 Switzerland1 Thailand1 UK2 USA1

This tag cloud combines the tags from three groups. We use custom styling and append the number of posts to each tag.

 

Tags are sorted under groups in a list. In this demo we append the post count and set the same font size for all tags.

 

This tag cloud sorts your tags by their first letters under tabs. In this demo we exclude the letters "m", "n" and "o" and the numbers 0-9, use the separator "|", prepend "{" and append "} → {count}". The font sizes range from 16px to 32px. We also use here parameters to change the color of the tags.

 

Tags are sorted by their first letters in a list. In this demo we prepend a Unicode character and set four columns. An additional setting prevents to break a set of tags across columns.