The default WordPress tag cloud includes nasty stuff like inline styling. I needed to be able to style the tags with a single class that included the tag weight in its name. It also needed the tags to be displayed in a list. The result turned the separate tag markup from<\/p>\n
\r\n<a href="http:\/\/randomsite.com\/tag\/lolcats\/" class="tag-link-5" title="3 tag" style="font-size: 32pt">Lolcats<\/a>\r\n<\/pre>\ninto<\/p>\n
\r\n<li class="tag-10">\r\n\t<a href="http:\/\/randomsite.com\/tag\/lolcats\/">Lolcats<\/a>\r\n<\/li>\r\n<\/pre>\nFirst we create a simple value object representing a tag.<\/p>\n
\r\nclass Custom_Tag\r\n{\r\n\tvar $name, $link, $class;\r\n\t\r\n\tpublic function Custom_Tag($name, $link, $class)\r\n\t{\r\n\t\t$this->name = $name;\r\n\t\t$this->link = $link;\r\n\t\t$this->class = $class;\r\n\t}\r\n}\r\n<\/pre>\nThen we go through all the tags and assign each a class depending on its weight. Those occurring the least will get the class tag-1 and those occurring most frequent will get the class tag-10. The function will return an array of Custom_Tag objects.<\/p>\n
\r\nfunction custom_generate_tag_cloud($tags)\r\n{\r\n\tif($tags) {\r\n\t\t$smallest_class = 1;\r\n\t\t$largets_class = 10;\r\n\t\t\r\n\t\t$counts = array();\r\n\t\tforeach ($tags as $key => $tag) {\r\n\t\t\t$counts[$key] = $tag->count;\r\n\t\t}\r\n\t\t\r\n\t\t$min_count = min($counts);\r\n\t\t$spread = max($counts) - $min_count;\r\n\t\tif ( $spread <= 0 )\r\n\t\t\t$spread = 1;\r\n\t\t\r\n\t\t$class_spread = $largets_class - $smallest_class;\r\n\t if ( $class_spread < 0 )\r\n\t $class_spread = 1;\r\n\t $class_step = $class_spread \/ $spread;\r\n\t\t\r\n\t\t$cloud_tags = array();\r\n\t\tforeach ($tags as $key => $tag) {\r\n\t\t\t$count = $counts[$key];\r\n\t\t\t$class = 'tag-' . round($smallest_class + ( ( $count - $min_count ) * $class_step ));\r\n\t\t\t$cloud_tags[] = new Custom_Tag($tag->name, $tag->link, $class);\r\n\t\t}\r\n\t}\r\n\t\r\n\treturn $cloud_tags;\r\n}\r\n<\/pre>\nFinally we collect the tag objects created in the function above and output some html. We also add a filter hook for “wp_generate_tag_cloud”.<\/p>\n
\r\nfunction custom_tag_cloud($return, $tags, $args)\r\n{\r\n\t$tag_array = custom_generate_tag_cloud($tags);\r\n\t$cloud_tags = array();\r\n\t\r\n\t$return = "<ul>\\n";\r\n\tforeach ($tag_array as $tag) {\r\n\t\t$cloud_tags[] = '<li class="' . $tag->class . '"><a href="' . $tag->link . '">' . $tag->name . "<\/a><\/li>\\n";\r\n\t}\r\n\t$return .= join('', $cloud_tags);\r\n\t$return .= "<\/ul>\\n";\r\n\t\r\n\treturn $return;\r\n}\r\n\r\nadd_filter('wp_generate_tag_cloud', 'custom_tag_cloud', 10, 3);\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"The default WordPress tag cloud includes nasty stuff like inline styling. I needed to be able to style the tags with a single class that included the tag weight in its name. It also needed the tags to be displayed in a list. The result turned the separate tag markup from <a href="http:\/\/randomsite.com\/tag\/lolcats\/" class="tag-link-5" title="3 … Continue reading Clean WordPress tag cloud<\/span>