Alphabetical Tab Cloud

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.

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.

2012 / 2014 / 2015 / 2019 / 2020 / 2021

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.

Example #3: Alphabetical Tabs with WooCommerce

This example uses Product Tags from WooCommerce. We are hiding any letter that do not have associated tags.