The settings page now shows the plugin version\/release date and tag stats (total and unused tags).<\/p>","0.5.5":"
Adds a support link on the settings page; Polish, German and Spanish translations now come from WordPress.org.<\/p>","0.5.4":"
Fixes the unstyled tag cloud preview in the block editor.<\/p>","0.5.3":"
Lowered the minimum requirements to WordPress 6.3 and PHP 8.0. Recommended for all users.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3583545,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3583545,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3583545,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3583545,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["0.5.3","0.5.4","0.5.5","0.5.6"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3585070,"resolution":"1","location":"assets","locale":"","width":872,"height":748},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3585070,"resolution":"2","location":"assets","locale":"","width":879,"height":740},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3585070,"resolution":"3","location":"assets","locale":"","width":369,"height":1140},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3585070,"resolution":"4","location":"assets","locale":"","width":1390,"height":1092}},"screenshots":{"1":"Tag cloud with a color gradient and post counts.","2":"Tag cloud styled as pills; size and color scale with tag popularity.","3":"Clouddy in use on a live site.","4":"The global settings panel (under Settings)."}},"plugin_section":[],"plugin_tags":[268577,863,609,91],"plugin_category":[57],"plugin_contributors":[268578],"plugin_business_model":[],"class_list":["post-330233","plugin","type-plugin","status-publish","hentry","plugin_tags-post_tag","plugin_tags-tag-cloud","plugin_tags-tags","plugin_tags-taxonomy","plugin_category-taxonomy","plugin_contributors-jaclas","plugin_committers-jaclas"],"banners":{"banner":"https:\/\/ps.w.org\/clouddy\/assets\/banner-772x250.png?rev=3583545","banner_2x":"https:\/\/ps.w.org\/clouddy\/assets\/banner-1544x500.png?rev=3583545","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/clouddy\/assets\/icon-128x128.png?rev=3583545","icon_2x":"https:\/\/ps.w.org\/clouddy\/assets\/icon-256x256.png?rev=3583545","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/clouddy\/assets\/screenshot-1.png?rev=3585070","caption":"Tag cloud with a color gradient and post counts."},{"src":"https:\/\/ps.w.org\/clouddy\/assets\/screenshot-2.png?rev=3585070","caption":"Tag cloud styled as pills; size and color scale with tag popularity."},{"src":"https:\/\/ps.w.org\/clouddy\/assets\/screenshot-3.png?rev=3585070","caption":"Clouddy in use on a live site."},{"src":"https:\/\/ps.w.org\/clouddy\/assets\/screenshot-4.png?rev=3585070","caption":"The global settings panel (under Settings)."}],"raw_content":"\n
Clouddy renders a visual tag cloud ( Sizing and color are computed in PHP only as a normalized weight; the actual font size and\ncolor are produced in CSS (custom properties + Features:<\/p>\n\n In Settings \u2192 Clouddy set the minimum and maximum text size and the unit (rem\/em\/px). Each\ntag's size is interpolated between those values based on the tag's popularity.<\/p><\/dd>\n The markup is clean, low-specificity HTML \u2014 style it with regular CSS in your theme, a page builder (e.g. Bricks), or Appearance \u2192 Customize \u2192 Additional CSS. No Generated HTML:<\/p>\n\n CSS hooks:<\/p>\n\n Size and color are computed from the variables on the container. To change the scale or the colors while keeping the popularity-based effect, override those variables \u2014 not Size range (keeps popularity scaling):<\/p>\n\n Do not set Colors (a smooth Layout and spacing:<\/p>\n\n \"Pill\" tags (does not touch size scaling):<\/p>\n\n One flat color instead of the gradient:<\/p>\n\n Hover zoom that is stronger for rarer (smaller) tags, using Here Yes. The default stylesheet (handle The Three ways, all rendering the same cloud from the global settings (Settings \u2192 Clouddy):<\/p>\n\n Every attribute is optional and overrides the global setting for that single cloud, e.g. Clouddy caches the set of tags it queries (using the WordPress Transients API) so the database\nis not queried on every page load. The cache lifetime ( The order is computed in PHP when the page is rendered \u2014 Clouddy uses no JavaScript. If you use\na full-page caching plugin or a CDN (for example LiteSpeed Cache, WP Super Cache, W3 Total\nCache, or a host\/CDN cache), the generated HTML \u2014 including that one random order \u2014 is stored\nand served to visitors, so the order only changes when that page cache is regenerated. This is\nexpected for any server-rendered random content. To reshuffle on every view despite caching you\nwould need client-side randomization (JavaScript), which Clouddy intentionally avoids. Either\nexclude that page from full-page caching, or accept that the order refreshes when the cache does.<\/p><\/dd>\n\n<\/dl>\n\n\npost_tag<\/code> or any other taxonomy) with dynamic sizing\nand a smooth color transition based on tag popularity. Configuration is global; embed the\ncloud with a block, a widget, or a shortcode.<\/p>\n\ncalc()<\/code> + color-mix()<\/code>), so you can override\neverything with plain CSS \u2014 no !important<\/code> needed.<\/p>\n\n\n
\n
clouddy<\/code> folder to \/wp-content\/plugins\/<\/code>, or install the plugin through the\nWordPress \"Plugins\" screen.<\/li>\n[clouddy]<\/code> shortcode, the Clouddy block, or the widget.<\/li>\n[clouddy mode=\"hybrid\" number=\"40\"]<\/code>) \u2014 see the FAQ for the full list of supported attributes.<\/li>\n<\/ol>\n\n\n\n
How do I change the tag sizes?<\/h3><\/dt>\n
How do I style the tag cloud? (CSS classes and variables)<\/h3><\/dt>\n
!important<\/code> needed.<\/p>\n\n<nav class=\"clouddy\"\n style=\"--clouddy-min:0.8rem; --clouddy-max:2rem;\n --clouddy-color-a:#888888; --clouddy-color-b:#222222\">\n <a class=\"clouddy-tag\" href=\"...\" style=\"--clouddy-weight:0.73\">\n name <span class=\"clouddy-count\">(24)<\/span>\n <\/a>\n ...\n<\/nav>\n<\/code><\/pre>\n\n\n
.clouddy<\/code> \u2014 the container (<nav><\/code>, flex). Holds the variables --clouddy-min<\/code>, --clouddy-max<\/code>, --clouddy-color-a<\/code>, --clouddy-color-b<\/code>.<\/li>\n.clouddy-tag<\/code> \u2014 a single tag (<a><\/code>). Holds --clouddy-weight<\/code> (0\u20131 per tag \u2014 do not override it).<\/li>\n.clouddy-count<\/code> \u2014 the post count (<span><\/code>, shown only when \"Show post count\" is on).<\/li>\n<\/ul>\n\nfont-size<\/code>\/color<\/code> on the tag.<\/p>\n\n.clouddy {\n --clouddy-min: 1rem; \/* rarest tag *\/\n --clouddy-max: 3rem; \/* most popular tag *\/\n}\n<\/code><\/pre>\n\nfont-size<\/code> on .clouddy-tag<\/code> \u2014 that disables the scaling. Use --clouddy-min<\/code>\/--clouddy-max<\/code>.<\/p>\n\ncolor-mix(in oklch \u2026)<\/code> is computed between the two ends \u2014 you only set the extremes):<\/p>\n\n.clouddy {\n --clouddy-color-a: #94a3b8; \/* rarest *\/\n --clouddy-color-b: #0ea5e9; \/* most popular *\/\n}\n<\/code><\/pre>\n\n.clouddy {\n gap: 0.5rem 1rem;\n justify-content: center;\n}\n<\/code><\/pre>\n\n.clouddy-tag {\n padding: 0.2em 0.6em;\n border-radius: 999px;\n background: #f1f5f9;\n}\n<\/code><\/pre>\n\n.clouddy-tag { color: #333; }\n<\/code><\/pre>\n\n--clouddy-weight<\/code>:<\/p>\n\n.clouddy-tag {\n transition: transform .25s ease;\n}\n.clouddy-tag:hover {\n transform: scale(calc(1.06 + (1 - var(--clouddy-weight, 0.5)) * 0.18));\n}\n<\/code><\/pre>\n\n1.06<\/code> is the zoom every tag gets and 0.18<\/code> is the extra added to the rarest; both are free to tune.<\/p><\/dd>\nCan I replace the default stylesheet entirely?<\/h3><\/dt>\n
clouddy<\/code>) loads on the front end and in the block editor preview (hook enqueue_block_assets<\/code>). To style from scratch without it, dequeue it on the same hook (Code Snippets or your theme's functions.php):<\/p>\n\nadd_action( 'enqueue_block_assets', function () {\n wp_dequeue_style( 'clouddy' );\n}, 20 );\n<\/code><\/pre>\n\n--clouddy-weight<\/code> variables stay in the HTML, so you can build your own calc()<\/code> \/ color-mix()<\/code> formula or ignore scaling.<\/p><\/dd>\nHow do I embed the tag cloud?<\/h3><\/dt>\n
\n
[clouddy]<\/code> (accepts attributes, see below).<\/li>\nWhich shortcode attributes are supported?<\/h3><\/dt>\n
[clouddy mode=\"hybrid\" number=\"40\" order=\"name_asc\"]<\/code>:<\/p>\n\n\n
mode<\/code> \u2014 which tags to include: popular<\/code>, rare<\/code>, random<\/code>, hybrid<\/code>. Default popular<\/code>.<\/li>\nnumber<\/code> \u2014 total number of tags (integer, min 1). Default 30<\/code>.<\/li>\norder<\/code> \u2014 display order: count_desc<\/code>, count_asc<\/code>, name_asc<\/code>, name_desc<\/code>, random<\/code>, length_center<\/code>, count_center<\/code>, rare_center<\/code>. Default count_desc<\/code>. The *_center<\/code> orders place the top-ranked tags in the middle (lens effect).<\/li>\nrare_count<\/code> \u2014 hybrid mode only: how many of the total are the rarest (integer, capped at number<\/code>). Default 5<\/code>.<\/li>\ntaxonomy<\/code> \u2014 source taxonomy. Default post_tag<\/code>.<\/li>\nexclude<\/code> \u2014 comma-separated term IDs to skip, e.g. exclude=\"12,34\"<\/code>.<\/li>\nmin_size<\/code> \/ max_size<\/code> \u2014 smallest \/ largest text size (numbers). Defaults 0.8<\/code> \/ 2.0<\/code>.<\/li>\nunit<\/code> \u2014 size unit: rem<\/code>, em<\/code>, px<\/code>, pt<\/code>. Default rem<\/code>.<\/li>\ncolor_a<\/code> \/ color_b<\/code> \u2014 hex colors of the rarest \/ most popular tags. Defaults #888888<\/code> \/ #222222<\/code>.<\/li>\nshow_count<\/code> \u2014 append the post count to each tag (true<\/code> \/ false<\/code>). Default false<\/code>.<\/li>\naria_label<\/code> \u2014 accessibility label for the cloud container. Default Tag cloud<\/code>.<\/li>\nttl_minutes<\/code> \u2014 cache lifetime in minutes. Default 720<\/code> (12 h).<\/li>\n<\/ul><\/dd>\nWhat is the cache lifetime (TTL) and what does it do?<\/h3><\/dt>\n
ttl_minutes<\/code>) is how long that cached\nset is kept before it is rebuilt from the database \u2014 default 720 minutes (12 hours). It is only\na safety net: the cache is also refreshed automatically whenever content changes (a post is\nsaved or deleted, or tags are added, edited or removed). You rarely need to change it; lower it\nonly if you want a tighter upper bound on how stale the cloud can be.<\/p><\/dd>\nThe \"random\" order does not change on every page reload. Why?<\/h3><\/dt>\n
0.5.6<\/h4>\n\n
\n
0.5.5<\/h4>\n\n
\n
0.5.4<\/h4>\n\n
\n
0.5.3<\/h4>\n\n
\n
0.5.2<\/h4>\n\n
\n
0.5.1<\/h4>\n\n
\n
0.5.0<\/h4>\n\n
\n
0.4.0<\/h4>\n\n
\n
0.3.0<\/h4>\n\n
\n
0.2.0<\/h4>\n\n
\n
0.1.0<\/h4>\n\n
\n