Description
This shortcode displays your tags in a vertical accordion, one tag cloud for each group.These tag clouds use the built-in theme “delta” with “mouseover” enabled.
Options
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
Meal Type
Ingredients
tomato flour egg onion sugar rice vinegar pork garlic oil pepper cheese noodles chicken fish fish sauce rice beef sesame oil duck mushrooms lentils jam toast sour cream potato cabbage ginger soy sauce cilantro sherry baking powder cumin pea wine sucanat lime oregano bread crumbs apple cider vinegar cacao powder vanilla honey coconut oil cornstarch rice wine Teriyaki sauce lemon pepperoni
Preparation
Preparation Time
Origin
Japan Italy UK France Germany Czech Republic Myanmar Austria Korea Ukraine Switzerland Slovakia India USA Denmark Netherlands Thailand
WordPress
Other
Language
Type
Level
Year
Place
Subject
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
Meal Type
Ingredients
apple cider vinegar baking powder beef bread crumbs cabbage cacao powder cheese chicken cilantro coconut oil cornstarch cumin duck egg fish fish sauce flour garlic ginger honey jam lemon lentils lime mushrooms noodles oil onion oregano pea pepper pepperoni pork potato rice rice vinegar rice wine sesame oil sherry sour cream soy sauce sucanat sugar Teriyaki sauce toast tomato vanilla wine
Preparation
Preparation Time
Origin
Austria Czech Republic Denmark France Germany India Italy Japan Korea Myanmar Netherlands Slovakia Switzerland Thailand UK Ukraine USA
WordPress
Other
Language
Type
Level
Year
Place
Subject
Sorting by Natural Order, Using Color
Natural order is particularly important for numbers. Read more about it in this post.
We also append the post count and use color.((Custom styling is for advanced users and requires knowledge of CSS. The theme “tag-groups-theme-black” comes only with the premium plans but alternatively you can create similar colors with own CSS.))
Code
[tag_groups_accordion orderby=natural append="{count} div_class="tag-groups-theme-black"]
Output
Meal Type
Ingredients
apple cider vinegar1 baking powder1 beef1 bread crumbs1 cabbage1 cacao powder1 cheese1 chicken1 cilantro1 coconut oil1 cornstarch1 cumin1 duck1 egg2 fish1 fish sauce1 flour2 garlic1 ginger1 honey1 jam1 lemon1 lentils1 lime1 mushrooms1 noodles1 oil1 onion2 oregano1 pea1 pepper1 pepperoni1 pork2 potato1 rice1 rice vinegar2 rice wine1 sesame oil1 sherry1 sour cream1 soy sauce1 sucanat1 sugar2 Teriyaki sauce1 toast1 tomato3 vanilla1 wine1
Preparation
Preparation Time
Origin
Austria1 Czech Republic1 Denmark1 France1 Germany1 India1 Italy2 Japan3 Korea1 Myanmar1 Netherlands1 Slovakia1 Switzerland1 Thailand1 UK2 Ukraine1 USA1