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 meal2 main dish7 salad1 side dish2 dessert1	sour cream1 potato1 cabbage1 toast1 garlic5 apple cider vinegar1 baking powder1 beef1 bread crumbs1 cacao powder1 cheese2 chicken2 cilantro1 coconut oil1 cornstarch1 cumin1 duck1 egg3 fish1 fish sauce2 flour3 ginger1 honey1 jam1 lemon1 lentils1 lime1 mushrooms1 noodles1 oil3 onion4 oregano1 pea1 pepper2 pepperoni1 pork1 rice1 rice vinegar2 sesame oil1 rice wine1 sherry1 soy sauce1 sucanat1 sugar1 Teriyaki sauce1 tomato2 vanilla1 wine1	baking5 boiling6 cold meal1 grilling & frying1	5 min1 15 min2 30 mins1 1 hour5 3+ hours2	Slovakia1 Austria1 Czech Republic1 Denmark1 France1 Germany1 India1 Italy1 Japan1 Korea1 Myanmar1 Netherlands1 Switzerland1 Thailand1 Ukraine1 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.