內容簡介
總結:Circle Tag Cloud 是一款輕量且可自訂外掛程式,可以以視覺吸引人的方式在密集的版面中顯示您的標籤(或任何分類法)。與傳統的標籤雲不同,它使用智能的JavaScript打包算法,在圓形或矩形內緊密排列術語,而不重疊。
問題與答案:
1. Circle Tag Cloud 是一個什麼樣的外掛程式?
- Circle Tag Cloud 是一款輕量且可自訂外掛程式,能夠以視覺吸引人的方式在密集的版面中顯示您的標籤(或任何分類法)。
2. 在什麼情況下會使用 Circle Tag Cloud?
- Circle Tag Cloud 可以在任何文章、頁面或小工具中,簡單地加入短代碼 [circle_tag_cloud] 來使用。
3. Circle Tag Cloud 的一些關鍵功能是什麼?
- 智能打包:自動將標籤密集排列在圓形或矩形中。
- 顏色調色板:選擇預設調色板(暖色、冷色、鮮豔色、單色、金屬混合)或定義自己的自訂顏色。
- 智能對比:根據背景色自動調整文本顏色(黑或白),以獲得最佳的可讀性。
- 文本輪廓:為文本添加“光暈”效果描邊,以提高對任何顏色的可見性。
- 動畫效果:選擇性的微妙浮動動畫(符合“偏好減少動畫”設置)。
- 高性能:使用 Transient API 緩存以最小化數據庫查詢。
- 可訪問性準備好:完整的鍵盤導航支持,並在焦點時顯示工具提示。
- 簡易配置:從專用設置頁面或通過短碼屬性覆蓋來管理一切。
外掛標籤
開發者團隊
原文外掛簡介
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”]
