Uninstalled Cool Tag Cloud, which has been reported to have serious vulnerabilities, and replaced it with a safe and stylish self-made tag cloud created under the supervision of Gemini.

⌛Time it takes to read this article: 2 minutes

update Last updated: July 20, 2026 at 11:33 AM

The WordPress plugin "Cool Tag Cloud" provides a stylish tag cloud widget function, and is characterized by animation effects such as floating and smoothly changing colors.

However, serious vulnerabilities have been reported in Cool Tag Cloud (version 2.29 and earlier), the main one being:Stored cross-site scripting (Stored XSS)It is.
This vulnerability occurs because the plugin's shortcode (cool_tag_cloud) does not sufficiently sanitize information entered by the user or escape processing during output.
Currently, it will be published on the WordPress.org official plugin directory from December 3, 2025.stop temporarilyhas been.

However, if there is no contributor account (managed by yourself), the risk of this vulnerability being directly exploited by an outsider is relatively low.

This vulnerability (stored

This site is operated by only one administrator, has enabled WAF on the server, and has also introduced Solid Security, so the security is strong, but according to Gemini, it is recommended to remove this plugin and use the standard WordPress "tag cloud" widget for the following reasons.

I still recommend removing it.2one reason

  1. Combination with other vulnerabilities (chain attack)
    If another plug-in has another weakness that allows users to manipulate posted content without logging in, then in combination with this Cool Tag Cloud flaw, there is a non-zero risk of attack code being injected from outside (a chain of exploits).
  2. Complete suspension of official support
    The biggest problem is that this pluginWordPress Banned (suspended) from the official directoryThat's it. If WordPress itself becomes unstable in the future when it is updated, or if a new fatal bug is discovered without being fixed, no one will help you.

wise decision at the moment

While calmly thinking, "It's not going to be destroyed right now because I'm the only one using it,""I will switch to another tag cloud feature and delete this plugin in the next few days."It is safest to follow this schedule.

If you use WordPress' standard "tag cloud" widget, you can continue to display it safely without any additional plugins.

For the above reasons, we believe that among the options presented by Gemini, we believe that it is the best option to switch safely while maintaining the design of Cool Tag Cloud.Create your own using standard tag cloud + “additional CSS”” and asked Gemini to create this widget.

Below, we will introduce a new widget ``Custom Tag Cloud'' (implemented with shortcode) supervised by Gemini that replaces Cool Tag Cloud.

Custom tag cloud (supervised by Gemini)

Regarding the “tag cloud display function” that comes standard with WordPress,Convert to your own shortcode with one line of codecan. With this, you can apply your favorite design (CSS) as is without using vulnerable plugins.

This function can be implemented in just two steps as shown below. The design and specifications will be finalized after working with Gemini down to the last detail.

1. Enable shortcodes (copy and paste OK)

Open functions.php from "Appearance" > "Theme File Editor" on the admin screen, paste the code below at the bottom, and save.
In the code, make a difference between the smallest and largest. Considering the density of the production site, Gemini adjusted the size to a modest but noticeable difference (11px to 16px), but in the final adjustment we changed it to 10px to 14px.

php
/**
 * カスタムタグクラウド
 *
 * 呼び出し方法:[my_safe_tags] [my_safe_cats]
 */
 
// タグ用:引用数でサイズを変える
add_shortcode('my_safe_tags', function() {
    $tags = wp_tag_cloud(array(
        'echo' => false,
        'taxonomy' => 'post_tag',
        'number' => 0,	// 全件表示
        'smallest' => 10, // 引用数が少ないもの
        'largest' => 14,  // 引用数が多いもの
        'unit' => 'px'
    ));
    return '<div class="custom-cloud tag-cloud-gold">' . $tags . '</div>';
});

// カテゴリー用:引用数でサイズを変える
add_shortcode('my_safe_cats', function() {
    $cats = wp_tag_cloud(array(
        'echo' => false,
        'taxonomy' => 'category',
        'number' => 0, // 全件表示
        'smallest' => 10, // 引用数が少ないもの
        'largest' => 14,  // 引用数が多いもの
        'unit' => 'px'
    ));
    return '<div class="custom-cloud cat-cloud-silver">' . $cats . '</div>';
});

How to call shortcode

The following two shortcodes (tags/categories) are added to the custom tag cloud. It can be used in fixed pages, custom HTML blocks in widgets, etc.

Display tags
php
[my_safe_tags]

Display category
php
[my_safe_cats]

About the number of displayed items

The standard WordPress tag cloud function (wp_tag_cloud) isMaximum 45It is designed so that only up to Therefore,"Show all without limit"The contents of the shortcode in functions.php have been slightly rewritten to make it look like this.
In the code pasted in functions.php, specify 0 as shown below to set "unlimited = display all".

  • ‘number’ => 0

About tag size

You can change the tag size using the following parameters in the code pasted in functions.php.

  • ‘smallest’ => 10, // least cited
  • ‘largest’ => 14, // Most cited

2. CSS fine-tuning (additional CSS)

Paste the code below in "Appearance" > "Customize" > "Additional CSS".
This code respects the design of Cool Tag Cloud and changes the text color of the tag."Easy to see black (dark gray)"and adjusted it to be even clearer when hovering.CSS full textIs.

CSS
/* --- 自作クラウド共通:スリム&可読性重視デザイン --- */
.custom-cloud {
    padding: 5px 0;
    line-height: 2.2 !important; /* 行間を適切に保ち重なりを防止 */
}
.custom-cloud a {
    display: inline-block !important;
    height: auto !important;
    padding: 1px 7px !important; /* ボタン内の余白を極小に */
    margin: 2px 1px !important;
    
    line-height: 1.5 !important; 
    text-decoration: none !important;
    border-radius: 4px !important; /* 本番サイトに馴染むシャープな角丸 */
    font-weight: 700 !important;
    border: none !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
}
/* --- 金色のタグ (Gold) / 文字色を黒系に --- */
.tag-cloud-gold a {
    background: linear-gradient(135deg, #f6d365 0%, #fda085 100%) !important;
    color: #444 !important; /* 見やすい濃いグレー */
}
.tag-cloud-gold a:hover {
    background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%) !important;
    color: #000 !important; /* ホバー時はさらにクッキリした黒 */
    transform: scale(1.1) !important;
    box-shadow: 0 4px 8px rgba(253, 160, 133, 0.4) !important;
    filter: brightness(1.05);
    z-index: 10;
    position: relative;
}
/* --- 銀色のカテゴリー (Silver) / 文字色は黒系 --- */
.cat-cloud-silver a {
    background: linear-gradient(135deg, #cfd9df 0%, #e2ebf0 100%) !important;
    color: #444 !important;
}
.cat-cloud-silver a:hover {
    background: linear-gradient(135deg, #bdc3c7 0%, #d1d8dc 100%) !important;
    color: #000 !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 8px rgba(189, 195, 199, 0.4) !important;
    z-index: 10;
    position: relative;
}

What happens now?

  • Tags I use oftenLarge, bold gold and silver buttonsIt will be.
  • Tags that are rarely usedsmall and discreetwill be displayed.
  • The visual effect of ``seeing popular topics at a glance'' like that used in Cool Tag Cloud is back.
  • The text color of tags is unified to black to match the category.
  • To increase visibility, it is used in categories instead of just black (#000)Dark gray (#444), it will blend better with the golden background.

If you want things to be bigger (or smaller),Size preferenceIf you have it, you can easily tweak it by just playing around with the smallest and largest numbers.

Below are Gemini's comments on the final adjustments.

Thank you for the photo! The text is clearer and much easier to read. The clear contrast between the gold background and black text makes each tag very easy to read.

The font colors for the "silver categories" and "gold tags" are unified, and I feel that the overall design of the site has become very complete.

Now,"Safety", "Design", "Practical (readability)"Everything is in place!

There will be no problems if you transfer it to the production site as is, but if you find that you want to make a slight adjustment by just 1 px due to the width of the sidebar etc., please feel free to contact us at any time.

Thank you very much for your hard work on this customization!

Leave a Reply