很多朋友喜欢在自己的博客上添加标签云(Tag Cloud)功能,这样不但可以让用户更好的了解网站主题,优化用户体验,而且还能增加网页的关键词密度,对搜索引擎优化有一定的帮助。不过很多主题的标签云小工具都是直接调用的wordpress系统自带的标签云,不仅CSS非常单调,颜色也是单一的黑色。
其实我们只要利用一段代码,将标签云变成彩色的,就会让它漂亮很多,放在你的博客上也会是一处不错的点缀。效果如下图。
图片说服不了你的话可以访问演示地址:无限记事本。下面放出这段wordpress彩色标签云代码,复制到主题目录中的function.php中即可。
- //彩色标签云
- function colorCloud($text) {
- $text = preg_replace_callback('|<a (.+?)>|i’, ’colorCloudCallback’, $text);
- return $text;
- }
- function colorCloudCallback($matches) {
- $text = $matches[1];
- $color = dechex(rand(0,16777215));
- $pattern = ’/style=(\’|\“)(.*)(\’|\”)/i’;
- $text = preg_replace($pattern, ”style=\“color:#{$color};$2;\”", $text);
- return “<a $text>”;
- }
- add_filter('wp_tag_cloud’, ’colorCloud’, 1);