Circle Tag Cloud
·
Displays taxonomy terms in a beautiful, highly packed circle (or rectangle) layout with customizable color palettes and motion effects.
Circle Tag Cloud is a lightweight and customizable plugin that displays your tags (or any taxonomy) in a visually striking, packed layout. Unlike traditional tag clouds, it uses a smart JavaScript packing algorithm to arrange terms tightly within a circle or rectangle without overlapping.
It is designed with performance and accessibility in mind, featuring a built-in caching system (Transient API) and keyboard navigation support.
Key Features:
- Smart Packing: Automatically arranges tags in a dense Circle or Rectangle shape.
- Color Palettes: Choose from preset palettes (Warm, Cool, Vivid, Monochrome, Metallic Mix) or define your own Custom Colors.
- Smart Contrast: Automatically adjusts text color (black or white) based on the background color for optimal readability.
- Text Outline: Adds a “Glow” effect outline to text for better visibility on any color.
- Motion Effect: Optional subtle floating animation (respects “prefers-reduced-motion” settings).
- High Performance: Uses Transient API caching to minimize database queries.
- Accessibility Ready: Full keyboard navigation support with tooltips that appear on focus.
- Easy Configuration: Manage everything from a dedicated settings page or override via shortcode attributes.
Usage:
Simply add the shortcode [circle_tag_cloud] to any post, page, or widget.
You can also specify attributes directly in the shortcode: [circle_tag_cloud taxonomy=”category” max=”30″ shape=”circle” palette=”metallic”]