This page uses the Tag Groups plugin. These accordion displays provide one tag cloud for each group.
- You do need to have tags organized into groups.
- You can use either shortcodes or Gutenberg blocks.
- This feature is available in the Free and the Pro version of Tag Groups.
- Click here for documentation on Accordion Tag Clouds.
Example #1: Basic Accordion Groups
This first example uses the simplest accordion format. Groups are stacked vertically. In this demo we use only a selection of four groups and tags are sorted by post count. Between each tag we use a separator.
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 | cardamon | butter | spinach | beer | curry powder
Preparation Time
Origin
Example #2: Accordion Groups With Mouseover
This next example uses the basic accordion format but adds a mouseover so that the sliders will open when visitors hover their mouse over the accordion.
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
Example #3: Accordion Groups With Color
In this third example, we’ve added the post count and a color format for each term.
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