This page uses the Tag Groups plugin. The tabs display the first letters that were found in the tags. The tags are sorted accordingly under the tabs.
- You can use any taxonomy.
- You do not 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 Alphabetical Tag Clouds.
Example #1: Basic Alphabetical Tabs
This first example uses the simplest tabs format. We’ve added a trailing slash character between all of the terms.
advanced / alphabet / Alps / animals / apple cider vinegar / attendance course / audio course / Austria
baking / baking powder / Beanies / beef / beer / beginners / Belts / boiling / Brasil / bread crumbs / breakfast and brunch / building / butter
cabbage / cacao powder / Canada / Caps / cardamon / castle / cheese / chicken / children / Chile / church / cilantro / Clothing / clouds / coconut oil / cold meal / color / cornstarch / correspondence course / cumin / curry powder / Czech / Czech Republic
Language Courses (Demo Content) / Language Courses (Demo Content) / Laos / lemon / lentils / lime / Long Sleeve
Paris / park / pea / Pennants / people / pepper / pepperoni / Peru / Photographs (Demo Content) / Photographs (Demo Content) / PHP / plugins / Polo Shirt / pork / Portugal / post list / potato
Recipes (Demo Content) / Recipes (Demo Content) / redirect / rice / rice vinegar / rice wine / river / Russian
salad / sesame oil / sherry / Short Sleeve / shortcode / side dish / Slovakia / sour cream / soy sauce / spinach / spiral / starter / sucanat / sugar / Sunglasses / Sweden / Switzerland
tag cloud / Tag Groups / tags / Taiwan / Teriyaki sauce / Thailand / toast / Toggle Post Filter / tomato / town / trees / TShirts / Turkey
Example #2: Alphabetical Tabs with Color
This next alphabetical tabs demo exclude the letters “m”, “n” and “o” and the numbers 0-9. We’re using the separator “|”. We’re adding “{” before tags and adding “} → {count}” after the tags. The font sizes range from 16px to 32px. We’re change the color of the tags.
{baking} → 6 | {baking powder} → 1 | {beef} → 1 | {boiling} → 4 | {bread crumbs} → 1 | {breakfast and brunch} → 2
{cacao powder} → 1 | {cheese} → 2 | {chicken} → 2 | {coconut oil} → 1 | {cornstarch} → 1 | {cumin} → 1 | {Czech Republic} → 3 | {cold meal} → 1
Example #3: Alphabetical Tabs with WooCommerce
This example uses Product Tags from WooCommerce. We are hiding any letter that do not have associated tags.